New feature: forms with tabs! If you have a m...

ux
(Sarah Gould [AppSheet]) #1

New feature: forms with tabs! If you have a multi-page form, you can use the Tabs page style to show each page as its own tab.

Check out the sample app: https://www.appsheet.com/samples/preview?appGuidString=d6e7dce9-2062-47fe-8e5f-dcccb26a1157

Notes:

  • Tab names are determined by the Page Header columns’ Contents property.

  • UX > Options now has a Form Page Style setting that lets you set the default style for all form views. You can override this by changing an indivdual form view’s Page Style setting.

  • Pages that have a Show If condition will appear greyed out and disabled until the condition is met.

  • If you have any required columns on a page, you’ll have to fill those columns out before switching tabs.

(Reza Raoofi) #2

Cool! How many tabs can we fit in? Any possible max limit?

(Multi Tech Visions) #3

Awesomeness

(Reza Raoofi) #4

Hmm, I am thinking should we even have both Prev./Next and Tabs at the same time? Perhaps Prev./Next should be only visible in the

Page Count style, and hidden in Tabs style?

(Reza Raoofi) #5

@Rogerio_Penna Note this line in Sarah’s post: …Tab names are determined by the Page Header columns’ Contents property.

So, you should be able to change that tab name dynamically if necessary.

(Rogério Penna) #6

@RezaRaoofi Thanks. I did not notice that line, nor I had used Page Header “Contents” field before. So I was trying through the Display or Description.

(Grant Stead) #7

Nice! When you mentioned you were working on this, I didn’t think you’d get it done so quick!

(Reza Raoofi) #8

Answering Reza’s above question! Multiple tabs are scrollable; sweet! :slight_smile:

(ROSCA La Familial) #9

Great feature…

(Pim Sauter) #10

Nice! Is there/will there be a way to do this using an SQL back end?

(Rogério Penna) #11

@RezaRaoofi as the scroll button might be a little small for thick fingers on a small screen, I wonder if it would be possible to scroll by drag and drop.

(Sarah Gould [AppSheet]) #12

I definitely plan to implement swipe-to-scroll for this. Thanks!

(Rogério Penna) #13

@Sarah_Gould_AppSheet , can you please check another thing?

When we have multiple tabs, and instead of scrolling the tabs and clicking on another, you click NEXT… you will go to the next tab, but the tabs above will not move.

I mean… it would be interesting if the tab you are in was always located in the center (unless it’s the first or last) so you can see the next and previous tabs. (better for navigation)

If tab being used is always on center, it already fixed what I see as a problem, which is that if click next and next and you are on the last tab on the screen, and click next again, you won´t see the tab you are using unless you scroll it.

Now imagine a big form with a dozen tabs. And you click next several times. You won´t even know what tab you are in and will have a hard time finding it by scrolling the tabs.

(Rogério Penna) #14

@Sarah_Gould_AppSheet Sarah, I have the impression the TAB names always are the same as the Show Page columns. It would be nice if, provicede a DISPLAY NAME or a DESCRIPTION, that would be used for the TAB name.