Skip to main content
Solved

Adding tabs within a tab

  • 27 September 2022
  • 8 replies
  • 193 views

Forum|alt.badge.img

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.

Best answer by deybanperez83

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:
 









 

View original
Did this topic help you find an answer to your question?

8 replies

darylbowman
Captain II
Forum|alt.badge.img+13

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


deybanperez83
Jr Varsity III
  • Jr Varsity III
  • 13 replies
  • Answer
  • September 27, 2022

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:
 









 


Forum|alt.badge.img
  • Author
  • Freshman II
  • 31 replies
  • September 27, 2022

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


deybanperez83
Jr Varsity III
  • Jr Varsity III
  • 13 replies
  • September 27, 2022

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


Forum|alt.badge.img
  • Author
  • Freshman II
  • 31 replies
  • September 27, 2022

@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.


deybanperez83
Jr Varsity III
  • Jr Varsity III
  • 13 replies
  • September 28, 2022

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,


Forum|alt.badge.img
  • Author
  • Freshman II
  • 31 replies
  • September 29, 2022

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


deybanperez83
Jr Varsity III
  • Jr Varsity III
  • 13 replies
  • September 29, 2022

@vpoulson , happy to help!


Reply


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings