Solved

Adding tabs within a tab

  • 27 September 2022
  • 8 replies
  • 157 views
V
Rank
Userlevel 2
Badge

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.

icon

Best answer by deybanperez83 27 September 2022, 20:11

View original

8 replies

darylbowman
Rank
Badge +11

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

Daryl ⚡Contract Acumatica Developer (MVP🏆) for hire ⏩ linkedin.com/in/darylbowman
deybanperez83
Rank
Userlevel 3

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:
 









 

V
Rank
Userlevel 2
Badge

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

deybanperez83
Rank
Userlevel 3

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

V
Rank
Userlevel 2
Badge

@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
Rank
Userlevel 3

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,

V
Rank
Userlevel 2
Badge

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

deybanperez83
Rank
Userlevel 3

@vpoulson , happy to help!

Reply


Terms & ConditionsCookie settings
About Acumatica ERP system
Acumatica Cloud ERP provides the best business management solution for transforming your company to thrive in the new digital economy. Built on a future-proof platform with open architecture for rapid integrations, scalability, and ease of use, Acumatica delivers unparalleled value to small and midmarket organizations. Connected Business. Delivered.
© 2008 — 2024  Acumatica, Inc. All rights reserved