Tab Strip Inside an Advanced List Pane

[former_member187149]

Hi Experts,

I am having a custom TI screen with an Item tab to display the line items in the advanced list pane and also when I select a line item from the table I need to show some additional details like general data,pricing,billing plan in different tabs in the bottom.I checked with the standard screens where they have included a tab strip inside an advanced list pane.I am not able to add the same in my scenario.Can anyone suggest how to build a structure similar to the standard for the Items tab.I have attached the screen shot of contracts TI screen for reference.

Regards,

Navin

[ludger_bunger · Accepted solution]

Hi Navin,

In the UI-Designer:

1. Add an Advanced List Pane as you are used to do
2. Select a column inside the List Pane
   
3. In the Properties-Tab, open the dropdown to modify your selected element:
   
4. Select the ListPaneVariant of the AdvancedListPane in the dropdown:
   
5. Set the "UsePreviewPane" Property of the ListPaneVariant to "True":
   
6. From the Toolbox tab, Drag&Drop the TabStrip Pane inside the PreViewPane:
   

That's it - have Fun with your tab strip.

additional note:

This howto is concentrating on creating the tab strip in the preview pane of an advanced list pane.

Proper binding necessary to get the advanced list pane and the tab strip working fully have been omitted in order to focus on the crucial part of creating the tab strip.

Hope to help,

Ludger

[former_member187149 · Accepted solution]

Hi Ludger,

Thanks for sharing the steps.Now am able to create the Tabstrip as a preview for the Advanced List Pane.Is there a way to select the first row in the item table by default whenever I open the Items tab.

Regards,

Navin

[ludger_bunger · Accepted solution]

Hi Navin,

In the UI Designer

1. Switch to to the data model view
2. in the data model, select the list bound to the advanced list pane
3. in the properties tab, set the Default Lead Selection property of the list to True

Hope to provide the correct solution,

best regards,

Ludger

[former_member187149 · Accepted solution]

Thanks Ludger Its working.

[former_member200567]

Hi Navin,

I am not sure about TI screens, here is how I do in ByD.

1. Add a pane container and add an advanced list pane to  the pane container on Designer

2. On Data Model, bind the new data list (created along with the advanced list pane) with item node bind the respective elements also.

3. On Designer, set UsePreviewPane to True.

Properties -> AdvancedListPane->ListPaneVarient->UsePreviewPane

(A new pane container will be automatically added)

4. On Desinger, drag TapStrip from Tools over the new pane container.

5. On Designer, drag and drop item elements (bound in step 3) from Data Model over the new TapStrip as desired.

Best Regards,

Fred

[former_member187149]

Hi Fred,

Thanks for sharing the steps.Now am able to see the required output.

Regards,

Navin