Skip to content

Commit

Permalink
Fred's comments.
Browse files Browse the repository at this point in the history
  • Loading branch information
FabienLelaquais committed Nov 27, 2024
1 parent 17fd3f2 commit cc542a8
Show file tree
Hide file tree
Showing 3 changed files with 14 additions and 16 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -6,8 +6,8 @@ select a scenario from a list, create new scenarios or edit existing scenarios.
# Details

The Scenario Selector is a visual control that displays a tree structure where scenarios are grouped
by their respective cycles (provided the [*display_cycles*](#p-display_cycles) property is not set)
to False.
by their respective cycles (provided the [*display_cycles*](#p-display_cycles) property is not set
to False).

Here is an example of a populated Scenario Selector:
<figure class="tp-center">
Expand Down Expand Up @@ -89,7 +89,7 @@ In the dialog, users can:
<li>Modify the Scenario Label,</li>
<li>Add custom properties by filling in the 'Key' and 'Value' fields in the 'Custom Properties'
section then pressing the [MUI:Add] icon (Add),</li>
<li>Remove custom properties by click the [MUI:DeleteOutline] icon (Delete) next to an existing
<li>Remove custom properties by clicking the [MUI:DeleteOutline] icon (Delete) next to an existing
custom property.</li>
</ul>

Expand Down Expand Up @@ -194,7 +194,7 @@ filtering. This allows users to create a prioritized sequence of sorting rules.

Each sorting criterion specifies:

- The scenario property to sort by (e.g., label, creation date).
- The scenario property to sort by (e.g., label, creation date).
- The sorting direction, either *ascending* ("asc") or *descending* ("desc").

Consider the following initial list of scenarios displayed in the selector:
Expand Down
2 changes: 1 addition & 1 deletion docs/refmans/gui/viselements/generic/metric.md_template
Original file line number Diff line number Diff line change
Expand Up @@ -138,7 +138,7 @@ Here is the control definition:

The syntax for the [*format*](#p-format) and [*delta_format*](#p-delta_format) properties is the one
used by the native `sprintf()` function. In this case, values are both integers.<br/>
Note that in this example, we want to *delta* value to appear with a percent sign suffix. To get
Note that in this example, we want the *delta* value to appear with a percent sign suffix. To get
this result, you'll need to use the double percent symbol (%%) in the value for the
[*delta_format*](#p-delta_format) property. In `sprintf()`, a single percent symbol is used for
specifying format specifiers, so to actually print a literal percent sign, you need to escape it
Expand Down
20 changes: 9 additions & 11 deletions docs/userman/gui/extension/dynamic_element/tabular_data_props.md
Original file line number Diff line number Diff line change
Expand Up @@ -3,20 +3,18 @@ that holds a scalar value. However, when dealing with collections of data, such
need a more complex approach to support arrays or tables that can be dynamically updated.

In Taipy GUI, tabular data can also be bound to Python variables or expressions, allowing the user
interface to instantly
reflect any changes in the underlying data. Custom elements that manage tabular data must declare
their properties to
specify the type of data they support, similar to scalar properties, but now using a structure
suitable for collections.
interface to instantly reflect any changes in the underlying data. Custom elements that manage
tabular data must declare their properties to specify the type of data they support, similar to
scalar properties, but now using a structure suitable for collections.
This is handled by the PropertyType class, where you can define the type as an array or table
format, enabling the binding of multidimensional data.

For example, a table element can bind a two-dimensional array or a list of objects to its
properties. Each time the data in the array changes, the table element automatically refreshes to
display the updated content in the user interface.<br/>
This approach leverages TypeScript and JavaScript code in the backend, working with React to
dynamically generate HTML for tabular displays. By using Taipy GUIs variable binding capabilities,
developers can seamlessly update and manage tabular data within the UI.
For example, the *data* property of a `table` control can be bound to a two-dimensional array or a
list of objects. When the bound data changes, the table control automatically updates to reflect the
new content in the user interface.<br/>
This functionality is implemented using the React library, which dynamically generates HTML for the
tabular display. By leveraging Taipy GUI's variable binding capabilities, developers can efficiently
update and manage tabular data in the user interface.

Even if a custom element does not need to update its tabular data dynamically, it can still be
implemented as a dynamic element to take advantage of the expressivity and flexibility offered by
Expand Down

0 comments on commit cc542a8

Please sign in to comment.