PowerApps Tabbed Form 

Thanks Shane. I am looking out a way to make tabs within PowerApps and now have a solution to it.

Great video, thank you! As a quicker workaround for the "rectangle dilemma", I set my Button padding to be 0 at the top, which put the button text a bit higher up, then I could just have a single solid rectangle going all the way across all the buttons at the front.

I wanted to make a tabbed form and I knew right where to go for a quick tutorial! Thanks Shane.

Your videos are great!!! I'm just starting to move away from infopath and making myself learn powerapps and your videos have been so helpful! Thank you so much!

Thanks Shane. I am literally working on powerapps with over 300 cards. This is great way to reduce user scrolling up and down :)

I have been struggling to create this for the last couple of days, you are really a live saver! Thank you so much!

Thanks so much, Shane! This is great temporarily solution for what I'm looking for right now! But, I would LOVE to see the multi-screen version that you mentioned. Love your vids, I'm learning so much from you. :)

Great Stuff Shane!. Your videos helps stimulate ideas and also helps me to think outside the box.

Keep it going! can't count how many times you helped clarify things for me thank you!

Great video Shane - much appreciated. It's really helpied me out with an app I'm working on at the minute. I'd love to see the multi screen app too.

Thanks Shane. I am a big fan of yours. Your tutorials really help me.

As always, great content! Thanks for sharing it with us!

Hi Shane, thank you for this tutorial! This is a very big help for me as a beginner in PowerApps and Development World :D Stay safe!

Great video, Shane! It was very useful for my projects!!!

"Hey, it'd be nice to see the different screens version of that, right, the multi-screen" ;-) And thank you, sir, for another great video.

Just made this. Used a horizontal gallery instead with search, sort & filter. Thanks!!

Great walkthrough! Heavy data models with more than 150-200 columns in the content type are not uncommon for big organizations and using multiple screens for model-driven apps is much more complicated. All users should pay special attention to the remark at 23:41 - watch out for those required fields!

Another upvote for a multi-screen version too. Another great vid, thanks for sharing. Also, please change your curated library to allow paypal :)

I love these videos... and I love Power Apps... so much fun developing apps that I wish I could do it more often :-)

Thank you for this tutorial🙂 how to navigate from one tab to another using "Next" and "Prev" Buttons at the bottom of the screen.

Thank you Shane! This tutorial is perfect!

One of my favourite videos...as it just worked, even for me. Wondering whether it is possible to add a Tab which says "All" so all fields are displayed. I'm thinking that this might make it easier to do a screen grab or Print().

Great video as always! :D A little feedback: It would be nice if you'd reference mentioned videos in the description (which is better on newer videos ;o) )

This is incredibly helpful. Is there a reason that you call on the displaymode vs. just the var?

Hi Shane! Thanks for you usefull videos!. You Rock!!!

Hi Shane, I am a fan of all your training modules. Your teaching style is amazing and instructions are clear and very easy to follow. So, thank you. Here is my question regarding the Tabbed design. I am creating an employee profile app where employees can fill out the form and insert their information. The data source/capture is a SharePoint List. I am following your instruction for creating a Tabbed Form. However, this app has two major requirements: 1) The employee skill sets (a multi-choice field) have nested Tabs meaning, the main skill Tabs include Software, Research, Fields, and Project management. These four branches of skills each have nested sub-skills. For example, Software includes at least 10 choices. Same patterns for Research, Fields, and Project Management. I have a problem assigning different skills to nested skills tabs. For example, I want to assign all employee's software skills to Software Tab and all his/her skills in research to the Research tab. How do I assign a software skill that is both under Skills (main tab) and under Software Skills (nested tab)?. The second requirement is if the employee selects "Ohters, please specify" option from each tab, then there should be an associated Free Text Box so they can insert text and then data be stored in SharePoint list. By the way, I did post this question in PowerApps community a while back and have yet to receive any guidance. I appreciate any guidance or reference. Thank you

Another great post Shane !!!! Thank you..

Lo habia realizado con swicth es u algo mas tedioso estar programando cada lado, con esta solucion es mucho mas facil, mil gracias por el video.

Thank you Shane, loving your videos, they have helped me learn about PowerApps. Please don't stop! :)

Very Nice! Thanks Shane!

Hi Shane! Your videos are so informative! Love them. I'm currently working on a three tabbed form. I have a Reset Form icon and a Home icon. I'm having trouble programming the home button. My first tab and what's considered the Home screen is Employee Details. So I've tried NewForm(frmEmployeeDetails) for OnSelect of the Home button, but it's not working. I have also tried Navigate(frmEmployeeDetails). Any ideas? Thanks!

Hey Shane, I’ve been watching you’re tutorials for awhile now and I’ve been wondering on how you could scan a barcode that is multiple lines (PDF417, that code does work) and have each line in its own text label. Ex: you scan it and the first line goes in 1 label and the second goes in 2 label. Any idea on how you would do it?

Shane, Thanks for the video, and the many others on PowerApps! Do you have any demos on how to utilize scrolling Screens and Fluid Grids? I'm interested in making a simple, but interactive, leaning module. Something that would take a user 3 to 5 minutes to complete that uses screen shots from web sites with overlaid buttons made to look like the clickable links on the site, so that I could interactively step a user through the demo. I think I've got most of how I want it to function worked out, and probably could do it using the tabbed form method you described here, but I"m super interested in using the scroll-able screen with fluid grids. - Its the option just to the right when you add a new screen, or if you look in the list of templates there is a PowerApps tutorial that uses what looks to be a complicated version of what I'm trying to do. - perhaps you could dumb it down and help your adoring public better understand the basics of how that method would work/look like.

Hi, Shane! Love your videos and trainings. Did you ever make a "different screens" version of this concept? That would be extremely helpful!

Great video, Shane, as always! Now I'm waiting for a better UI for arranging the datacards. This is getting on my nerves.

Another wow! Like others who've commented here, I needed this RIGHT NOW. How did you know? And, like others, I would like to see the multi-screen version. I have some SharePoint lists with dozens of columns. I had trouble getting these few columns to line up properly on only three tabs, so I'm guessing I'd lose my mind trying to do the big list on one screen. And as Dan Quayle (remember him?) once said, "A mind is a terrible thing to lose."

This is a great lesson. I love it as other lessons you made. Thank you so much.

Hey Shane, Can we build Survey Questionnaire based on Dabaverse tables. Means Questions and Answers will be load from tables or entities and Answers should be display as radio type and final data will be saved to Employee Survey table. and if you want to edit then they can change the Answers as well. Also, It will be show % out of 100 score.

when the buttons are pressed, the fields would show for View mode, but it only works on Edit mode :( Thoughts?

Obrigado Shane, from Brazil.

Hi Shane, very good video thank you. This is exactly what I needed for my sharepoint. Just one question, I have applied your tutorial for the 2 buttons that I have but when I open an item on my share point list, none of the button are selected and I have to click on one button two see the fields. Can we force the selection of a button on power app when we open a item on sharepoint?

Hey thanks for teaching us! how can I do for wait until refresh() is complete to navigate to another page?

I would be interesting in seeing the multi-screen version. I have a SharePoint list which is used to store data from multiple people/disciplines and i want them to have their own screen for their discipline.

I'm your big fan now.

Another great video Shane. I have been watching (and rewatching) lots of them. I would like to know if there is a video where you use data from several sharepoint lists and create a new record in another sharepoint list using that data. ie a customer DB, a bill of materials etc being used for a final output. It limits the ability for materials which are not available being allocated to a client job order or can allow for incremental information to be added to a contract. ie if we are going to concrete a carpark for a client, it will take 20 loads and 5 days we can collect the contract details, customer details from 1 or 2 sharepoint lists, then have a list of consumed items (ie load of concrete @ 8 yds, some labour items, other costs selected from another SP list ( to limit the options ), allocate amounts such as hour units of labour, then save these records to a new SP list. This list would grow each day by one or more rows, but each row has a common contract number or client number to allow for aggregating the data for billing later???

great video!, question, how do you do to show the fields clicking on the buttons if the form is not running (f5)

Hi Shane, great video, how do you make it that when the form opens the first tab fields are showing?

How to set VarVideo default value to "Info"? Because unless we click the button, it shows blank screen.

Thanks Shane. Hey does anyone know if there is a way to drag a list item into a higher or lower position in a list?

Hi! This video was very helpful. How do I get the "tabs" to work in View Mode also? At the moment the tabs are only working when I have the form in New or Edit mode. Thanks!

Fab video! I tried this once and it worked a treat, I'm now using it in a different app and I can't get the other 'tabs' to show their contents!! I've looked at the button OnSelect and DisplayMode and they are correct, then double checked the Visible setting for the field and -again- it all appears to be correct. The first tab works, and if I select another tab the first tabs fields disappear as they should... what on earth is going on?! Thanks for any help you can give :)

Nice video Shane. One question... If I have required field validation enabled on a control which is on tab 2 and is empty but I am on tab 1 and I press submit, the validation will fail. But how the user will visually know about the required field validation of that contorl which is hidden in tab 2?

Hey Shane, thanks for sharing such videos. I have one query wherein I need 'Edit Button' to appear once I select any item from the 'ListBox" and then by clicking on 'Edit Button' it would enable user to navigate to page where details can be edited. Thanks in advance

Shane, are you able to display a field on 2 different "tabs"? For example, I have a form that has a reason field. I have a 3 tabs, but users don't have to enter data on every tab if its not necessary. But I need the reason field to show if if they click tab 1 or tab 2. Is this possible?

hi Shane, this is cool, thank you. Question: if I've got mandatory fields in the Form, and on submitting there is an error because mandatory fields were not populated, the User is taken to a created FailureScreen, can I list field names there that cause an error?

Shane, many thanks for the video. What if I want set a default tab when users open an app?

I am brand new to this and was waiting for the part when you showed how to make the first tab disabled upon load. My form is a sharepoint list form. I have 5 tabs. On my first tab, I altered the displaymode formula to make it disable when you create a new list item or open a list item. My first tab is named "Details". If(Or(varTab = "Contacts", varTab = "Attachments", varTab = "Comments", varTab = "History"), DisplayMode.Edit, DisplayMode.Disabled)

Hi Shane, This video was hugely helpful to understand the basics of tabs in PowerApp Forms. I've created great Tabbed views that are working. However, I try to arrange the datacards in the form for each tab views and it's driving me crazy - when I get on tabbed form view correct the rest are screwed up. Any advice on how I can lock the items in the form for that tab view?

Hi Shane . Thanks for the tutorial. How to fix my data that go to different row in the sharepoint list for different tabs. As example, tab info is one row and tab job is another row . How to fix thats ? Thank you

Thanks Shane!

Hi Shane, As always, excellent video - really helpful! Is there any news from the PowerApps guys as to when they might have a better solution for laying out datacard's in a form? The solution you have demonstrated is exactly what I need and works really well apart from the layout issues mentioned in a few of the comments here. I think I may end up using multiple forms on the same page with only the datacards I want to show for each section and then making the form visible depending on the button clicked. Is there any reason you can think of why this wouldnt be a good idea?

Hi Shane! Did you make any Model driven power App video. I searched but couldn’t find. I am not a coder and so I thought that would be easier for me. Love your videos. Thank you.

#OnPoint Thank you Shane!! 👊👊

Thanks for the tips in the video Shane! Question, any considerations to using a context variable instead of setting global variable? Since here is one page, wouldn't affect it, but I imagine for the multi-page one would?

Hi Shane! Thank you for one more amazing video 😊 I have a question regarding the forms. I have 7 user groups defined in my sharepoint and I already defined their permissions for a certain list in sharepoint. I created a power app where I have an edit form for that list. What I want to do now is make some fields editable by certain user groups and others only readable by other certain user groups. How can I do that?

Hi Shane.. great video! Could you do one with multiple screens?

you don't need to type in the enum's name before the value (talking about DisplayMode, FormMode and such) the "Disabled" one was actually in the dropdown

Hi Shane, Thanks for another very helpful video! I am going to use the Tabs set up in conjunction with a Gallery of Machines. For each device in the Gallery, I want to map an assigned tab,:3-5 different machines per Canvas/Gallery In each tab will be a close up image of the machine I plan to use Tooltip for a lot of mouse over inf0. Additionally there will be one "Card" form with a collection of links to technical manuals and operating work instructions in the quality system "documentum" database So my question to you is........ Instead of having Thingies (too technical?) visible based upon DisplayMode I have made them visible according to the Global Variable assigned on clicking the button. Is this wrong or just different? To code for Visible for all the "Thingies" that I want to show up when Button A is Selected Button: OnSelect Set(View, "ButtonA") Thingy: Visible View = "ButtonA". Am I missing something as this seem simpler to code and would rather type less..and do less in general, especially if one can get the same results...LAZY I guess...

Hi Shane, is there a video for different screens? Thank you

Hi How do I make the users go to the tab by default depending on the status column of the form. At the moment a user is having to select Part A, Part B, Etc, if there a way for the app to default the users to the tab rather than having to select them?

Thanks Shane 👍

Hi Shane, can we prevent users navigating to other tabs without an approval field being marked as 'approved'?

How to display a very large SP list say 6000 rows and search function to filter it?

If you want to always go to the “info” tab first instead of the tab you left on when clicking a new employee how would you do that?

Hi Shane, Would you be able to direct me to a resource that could help me navigate to another screen on powerapps, but in a new window(new tab)?

Hey Shane , thanks for your videos ! I got a question , i got a Sharepoint List which i connected with my Gallery in PowerApps. In my Sharepoint list i got different products with a column for the pictures. The pictures are on my OneDrive and in the sharepoint list is the link to each picture. On the PC you can see everything completely normal. On the app on the phone, the pictures are unfortunately not displayed. How could this be solved alternatively? Would be very glad if you could help me!

Hi Shane, As usual, great video and I'm learning so much everyday about PowerApps from you. I got this working, the only this is, my gallery is on one screen and multi tabs on another screen. How can I default the landing page of the multi tabs screen to one of the tabs? Please let me know, thank you!!!

Hey Shane, this video has helped me in implementing tabs layout for my app. I have an app with both view screen and edit screen having 3 tabs each(same tab name but controlled with different set of variables on each screen). Everything worked fine until I tried to set variables to make users remain on same tab name when navigating between view and edit screen. Say, if a user selects tab B of view screen and navigates to edit screen, it should open tab B on edit screen. This functionality seemed working in app studio. But when opened through web link, no items were loading, and on relaunch of studio, I found incompatible type errors for the context variables set for controlling tabs(varTab). Any help regarding the fix would be much appreciated. Thanks, you are doing great job.

hi shane, great stuff. What if i would like to make a pdf of this tabled form, a page for every tab?

Hi Shane, I have fully developed mobile application which I need to convert it to a tablet applications (tablet layout). Is this conversion of Mobile app to tablet app or vice versa possible?

This is really really helpful, but I am having the issue that unless you are on that tab, you wont see the fields. I would like to show the fields when they first go in

You must be psychic, because I literally have 2 projects I'll be starting next week that will benefit from a tabbed UI. One note, though, on the way you made the "tab" buttons: there is an easier way. Buttons are one of the few (maybe only? wait, no...images have it too) objects in PowerApps that have a "radius" property. You can set the radius for each corner of the button separately, so just set "RadiusBottomLeft" and "RadiusBottomRight" to 0 and they'll be square.

great stuff Shane! I had created a tab in my edit form. I want to enable that tab for multiple people in a particular field of the current item being edited. Is it possible? Please help if possible.

Hi Shane, Thanks for the video but I'm having a bit of an issue. When I launch the app, the arrows will only show the items record if I save a new form. It's a very weird thing. Any idea what I've done wrong?

Hi Shane, Do you know when "Developing Business Applications with Microsoft PowerApps, CDS, and Flow" course on edX is going to be updated? I wanted to pursue verified certification. Unfortunately, the course is archived and not no longer active to get a certification. Regards, Gogi

GREAT VID!!!!! Extremely Helpful

Hi Shane, Can you print all the tabs? with the print button?

Hmmmm...This is great if your form is not long, but my app form is 2.5 screens long from SP. If I set the visible like this , then I have tons of spaces between the datacards. If you move the datacards that need to be visible for associated tab (to the top for instance), they move due to over lapping datacards from the remaining not visible tabs or the remaining datacards move to justify your command. What I have done to overcome this (and most likely the long way of a fix) I selected the number of columns to be 24. This allows all of the datacards to be on one screen without scrolling. I then added a rectangle for each section of my form and Set the varTab to each rectangle. I added the controls needed for the Tabbed section of the form. The controls are set to populate the text box of the datacard to update SharePoint upon saving. This method just covers the screen with a box to allow flexibility of the controls and getting rid of the overlapping of datacards.

Hi Shane can you make a demo on how to connect an External List to powerapps? I successfully created a external list (External Content Types) in SharePoint Designer that was connected to Windows Azure. I am frustrated with my work because their is no powerapps supported on the external list. Hope you can help. Thank you so much. God Bless and continue to make video tutorials on powerapps.

Hi Shane, is there any way to default to a particular "tab" when the form first loads?

Hi Shane, thank you for your videos. They are very helpful. In regards to this method of a tabbed interface, is there a way to control who can see each tab? I'm building a SharePoint site feedback form. One tab would be for the user to submit their idea (they would only see that tab) and the other would be for those of us doing the backend work, assigning tasks to site owners, setting the priority level, updating the status, etc). We administrators would have access to both tabs. I'm pretty new to all of this so if there is a better way of doing this/switching between content types, can you let me know? I've seen your video on how to email a link from PowerApps. Maybe in this case, site administrators would just prefer to update a standard SharePoint list than toggle between tabs? Any advice on how you would handle it is appreciated. Thank you- Teresa

Hi Shane can you please do a multi screen App would appreciated very much

Thanks

Oh boy, I have 99% set out what I achieved to do! I've got 5 lovely tabs across the top, and I've updated all the datacard visible properties to show them in the right tab... but I'm working in a PowerApps Form on a SharePoint list rather than an app, so there's no gallery. As a result, when I edit an item in the list, the form is blank until I click on the first tab. I'm thinking I need to update the DisplayMode there, but if nothing has been selected so far, there is no varTab set, so I'm not sure if I can reference it,? I tried If(varTab = "", DisplayModeEdit, If(varTab = "Info", DisplayMode.Disabled, DisplayMode.Edit)) but it wasn't a happy bunny. I would be so grateful if you could help me get this final 1% done!

Dude...you are AMAZING but cut the "here'z your intro". XD Anyway, thanks for the amazing work.

Different screen version please!!!! :)

His name is familiar

even though there's a hot chick in the picture, shane's head is just too big here so i'm watching him instead. u sexi you! :D

Hi Shane can you make a demo on how to connect an External List to powerapps? I successfully created a external list (External Content Types) in SharePoint Designer that was connected to Windows Azure. I am frustrated with my work because their is no powerapps supported on the external list. Hope you can help. Thank you so much. God Bless and continue to make video tutorials on powerapps.