Thank you for visiting my site!

Home / PowerApps - Forms / Tabbed forms

Tabbed forms

  1. select form and move it down.
  2. add a button, rename to tab1, and change the text
  3. Colors:
    Set Border radius 4; radiusbottomleft0, radiusbottomright 0 •
    Default fill: If(showtab1, RGBA(x, x, x, 1), RGBA(230, 230, 230, 1)) •
    Hover fill: ColorFade(RGBA(x, x, x, 1), -10%) use RGB values for module group •
    Pressed fill: ColorFade(RGBA(x, x, x, 1), -30%) use RGB values for module group
  4. Font color: Color: If(showTab1, RGBA(255, 255, 255, 1), RGBA(116, 116, 116, 1)), repeat for rest of the tabs
  5. copy a few times rename accordingly
  6. Actions:
    OnSelect
    for each button create variables:
    Set(showTab1, true);Set(showTab2, false);Set(showTab3, false);Set(showTab4, false);Set(showTab5, false)
  7. SharePointIntegration: OnEdit (OnNew, OnView) add to end of existing statement: set(showTab1, true); set(showTab2, false) etc…
    or only on edit
    Set(SharePointFormMode, “EditForm”); EditForm(frmEdit); Navigate(scrEdit, ScreenTransition.None);
  8. set the input fields to visible for each tab
    visible = showTab1, visible = showTab2
  9. scrEdit OnVisible = Set(showTab1, true)
    or
    have a dropdown with values, Draft, Analysis … and check which value is selected and show that

    [code] tab.If(DataCardStatusValue.Selected.Value = "Draft", Set(showTab1, true );Set(showTab2, false );Set(showTab3, false );Set(showTab4, false );Set(showTab5, false ));
    If(DataCardStatusValue.Selected.Value = "Analysis", Set(showTab1, false );Set(showTab2, true);Set(showTab3, false );Set(showTab4, false );Set(showTab5, false ));
    If(DataCardStatusValue.Selected.Value = "Modernization Board", Set(showTab1, false );Set(showTab2, false);Set(showTab3, true );Set(showTab4, false );Set(showTab5, false ));
    If(DataCardStatusValue.Selected.Value = "Implementat", Set(showTab1, false );Set(showTab2, false);Set(showTab3, false );Set(showTab4, true );Set(showTab5, false ));
    If(DataCardStatusValue.Selected.Value = "Deployment", Set(showTab1, false );Set(showTab2, false);Set(showTab3, false );Set(showTab4, false );Set(showTab5, true ));
    [/code]

    SubmitForm(SharePointForm1); Patch(‘listname’, SharePointIntegration.Selected, {Status: {Value: “Cancelled”, ‘@odata.type’: “#Microsoft.Azure.Connectors.SharePoint.SPListExpandedReference”} }, {‘Date Cancelled’: Now()});

ADD YOUR COMMENT