-
Notifications
You must be signed in to change notification settings - Fork 24
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Revamping the "Understanding GUI" tutorial #1232
base: develop
Are you sure you want to change the base?
Conversation
} | ||
``` | ||
|
||
This will add a margin to the top of the button to align it with the filters. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I think this will be now resolved in develop
.reset_index() | ||
) | ||
|
||
layout = {"yaxis": {"title": "Revenue (USD)"}, "title": "Sales by State"} |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I think these properties are already exposed yaxis and title. We should use them. What do you think?
This tutorial is also available in video format: | ||
|
||
<p align="center"> | ||
<a href="https://youtu.be/4F-266YnTkM" target="_blank"> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
If we want to have it here, it should then be on our official youtube channel
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
You already said that in your description
|
||
![Final Application](images/final_app.png){width=90% .tp-image-border} | ||
|
||
This tutorial is also available in video format: |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I'd like a section "Why Taipy?" like in the docs to push people to do this tutorial
- toc | ||
--- | ||
|
||
The full code for this step is available |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
We should have the normal download button. Check what is done right now for this tutorial
- toc | ||
--- | ||
|
||
The full code for this step is available |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
We should have the normal download button. Check what is done right now for this tutorial
- toc | ||
--- | ||
|
||
The full code for this step is available |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
We should have the normal download button. Check what is done right now for this tutorial
- toc | ||
--- | ||
|
||
The full code for this step is available |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
We should have the normal download button. Check what is done right now for this tutorial
|
||
```python | ||
def apply_changes(state): | ||
state.data = data[ |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Keep data until all the changes are done to data. Then, state.data = data
navigate(state, to=page) | ||
``` | ||
|
||
The callback signature for `menu` visual element is described [here](../../../../refmans/gui/viselements/generic/menu.md). |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
We should redirect to the section of the user man explaining how to navigate between pages
I like this tutorial as this is easy and straight to the point. I like it. It is missing from Understand Gui some info but I don't how important it is:
The tutorial should also be proposed in Markdown. |
This is a work in progress:
This tutorial intends to replace the "Understanding GUI" tutorial and should be the first tutorial users follow after the "Getting Started".
The tutorial worked well when training new customers, so it would be appropriate to include it in the docs. It creates a simple sales dashboard by focusing on visual elements, styling, charts, and multiple pages.
The tutorial is also available in video format on YouTube