Skip to main content

I’m not sure if it’s possible but I would like to add tabs inside a tab on the Equipment Screen (FS205000).  This is an image of our current system for our equipment.

 

Under the Forklift Information tab we have tabs for more specific information: Setup, Motors, Batteries, Engine and Transmission, Service Data, Tires, Mast and Safety.  It would be very difficult to add all those fields to one tab. Having all those tabs at the same level as General, Purchase, Components and Warranties, Attributes and Source would also be confusing.  

Let me know if it is possible to add sub tabs.

As far as I know, there is nothing preventing this, but I have never done it.


Hi @vpoulson ,

Yes, it is possible.

You can Define sub-tabs by modifying the ASXP of the screen and by defining PXTabs elements inside PXTabItems in the following way:
 

<px:PXTab>
<Items>
<px:PXTabItem >
<Template>
<px:PXTab>
<Items>
<px:PXTabItem>
<Template>
<px:PXFormView >
<Template>
</Template>
</px:PXFormView>
</Template>
</px:PXTabItem>
<px:PXTabItem>
<Template>
<px:PXGrid>
</px:PXGrid>
</Template>
</px:PXTabItem>
</Items>
</px:PXTab>
</Template>
</px:PXTabItem>
</Items>
</px:PXTab>

Here is an example:
 









 


@deybanperez83  Thanks so much. I’ll give that a try and see how it goes.


Awesome @vpoulson. Let me know if you need further help.


@deybanperez83 

I’m not sure what I’m doing wrong.  I can get the parent tab to show but the child tabs are not showing correctly.

Here is what I have in  the aspx

  <px:PXTabItem Text="Forklift Information">
    <Template>
      <px:PXTab runat="server" ID="CstPXTab1">
        <Items>
          <px:PXTabItem Text="Setup" Visible="True">
            <Template>
              <px:PXLayoutRule runat="server" ID="CstPXLayoutRule2" StartRow="True" />

            </Template>

          </px:PXTabItem>

         </Items>

       </px:PXTab>
       <px:PXTab runat="server" ID="CstPXTab3">
         <Items>
          <px:PXTabItem Text="Batteries" Visible="True">
            <Template>
              <px:PXLayoutRule runat="server" ID="CstPXLayoutRule4" StartRow="True" />

            </Template>

           </px:PXTabItem>

          </Items>

     </px:PXTab>

    </Template>

   </px:PXTabItem>

 

Here is the designer:

 

Here is the screen:

 

I added the controls via the designer so I’m not sure what I’m missing.  I’m just learning how to make changes to the UI.


Hi @vpoulson ,

It looks like the datamembers definition is missing.

For the Parent Tab you should use the Main Graph's view. Then, for the children use the Views you want to display for each Sub-Tab.

Ex:

 

<px:PXTabItem Text="Cost/Revenue Adjustments">
<Template>
<px:PXTab ID="CostRevenueAdjTab" runat="server" Style="z-index: 100;" Width="100%" DataMember="CurrentIncentive" DataSourceID="ds" TabIndex="200" MarkRequired="Dynamic">
<Items>
<px:PXTabItem Text="Adjustments by PO Source">
<Template>
<px:PXGrid SkinID="Details" Width="100%" Height="100%" SyncPosition="True" DataSourceID="ds"
AutoAdjustColumns="False" runat="server" ID="gridPOSourceAdjustments">
<Levels>
<px:PXGridLevel DataMember="ITranAdjByPOSource">
<Columns>
<px:PXGridColumn DataField="POSource" CommitChanges="True" />
<px:PXGridColumn DataField="CostPct" />
<px:PXGridColumn DataField="RevenuePct" />
</Columns>
</px:PXGridLevel>
</Levels>
<AutoSize Container="Window" Enabled="True"></AutoSize>
</px:PXGrid>
</Template>
</px:PXTabItem>
</Items>
</px:PXTab>
</Template>
<px:PXTabItem>

Regards,


@deybanperez83 thanks again.  I think I finally understand how it is working.


@vpoulson , happy to help!


Reply