Skip to content

Commit

Permalink
Make Reorder section more prominent (#254)
Browse files Browse the repository at this point in the history
  • Loading branch information
PoojaB26 authored Jan 15, 2025
1 parent 2f4473b commit d6e4c1b
Showing 1 changed file with 4 additions and 4 deletions.
8 changes: 4 additions & 4 deletions docs/resources/ui/widgets/composing-widgets/list-grid.md
Original file line number Diff line number Diff line change
Expand Up @@ -47,7 +47,7 @@ Axis sets the orientation of the ListView. You can select either "Vertical" or

![listview-reverse.png](../built-in-widgets/imgs/listview-reverse.png)

#### Make List Reorderable
### On Reorder
Whether to allow reordering of items in the list. On Web or Desktop this will
add drag handles, but on mobile
the reorder is triggerred by long pressing an item.
Expand All @@ -64,7 +64,7 @@ action trigger to make any necessary changes yourself.

Here's a quick tutorial to set up your Reorderable ListView:

##### Using App State variable
#### Using App State variable

1. First, create an app state variable with a few items of type String and display them on the
ListView widget.
Expand Down Expand Up @@ -116,7 +116,7 @@ return list;
com/embed/bb961c71d11a4e7d8869170727d1423d?sid=a356162d-76df-45bb-930c-bebf8358ce6c" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></div>


##### Reordering Items in a Firebase Query
#### Reordering Items in a Firebase Query

If you want to reorder the list items retrieved via Firebase query collection, the steps are almost similar except for the following changes.

Expand Down Expand Up @@ -540,4 +540,4 @@ Follow the steps below to add this action to any widget.
allow="clipboard-write">
</iframe>
</div>
<p></p>
<p></p>

0 comments on commit d6e4c1b

Please sign in to comment.