Skip to content
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

Open
wants to merge 1 commit into
base: develop
Choose a base branch
from

Conversation

AlexandreSajus
Copy link
Contributor

This is a work in progress:

  • Please review and share what you think needs to be edited or added
  • Some links need to be updated as they link to my personal GitHub and YouTube accounts instead of Avaiga
  • I would also be open to expanding this tutorial to authentication and deployment if that makes sense, as they are Enterprise features

screen1

This tutorial intends to replace the "Understanding GUI" tutorial and should be the first tutorial users follow after the "Getting Started".

screen4

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.

screen3

The tutorial is also available in video format on YouTube

screen2

@AlexandreSajus AlexandreSajus added 📈 Improvement Improvement of a feature. 📄 Documentation Internal or public documentation 🟨 Priority: Medium Not blocking but should be fixed soon labels Dec 11, 2024
@AlexandreSajus AlexandreSajus self-assigned this Dec 11, 2024
}
```

This will add a margin to the top of the button to align it with the filters.
Copy link
Member

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"}
Copy link
Member

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">
Copy link
Member

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

Copy link
Member

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:
Copy link
Member

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
Copy link
Member

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
Copy link
Member

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
Copy link
Member

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
Copy link
Member

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[
Copy link
Member

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).
Copy link
Member

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

@FlorianJacta
Copy link
Member

FlorianJacta commented Dec 12, 2024

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:

  • what is the state
  • indexed properties
  • Python expressions
  • references to the user man

The tutorial should also be proposed in Markdown.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
📄 Documentation Internal or public documentation 📈 Improvement Improvement of a feature. 🟨 Priority: Medium Not blocking but should be fixed soon
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants