Skip to Content

Tab Strip Inside an Advanced List Pane

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.



pastedImage_0.png (78.0 kB)
Add a comment
10|10000 characters needed characters exceeded

Related questions

2 Answers

  • Best Answer
    Posted on Jun 28, 2016 at 08:17 AM

    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,


    Capture.PNG (12.5 kB)
    Capture.PNG (7.3 kB)
    Capture.PNG (3.1 kB)
    Capture.PNG (8.1 kB)
    Capture.PNG (111.9 kB)
    Add a comment
    10|10000 characters needed characters exceeded

  • Posted on Jun 28, 2016 at 08:42 AM

    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,


    Add a comment
    10|10000 characters needed characters exceeded

Before answering

You should only submit an answer when you are proposing a solution to the poster's problem. If you want the poster to clarify the question or provide more information, please leave a comment instead, requesting additional details. When answering, please include specifics, such as step-by-step instructions, context for the solution, and links to useful resources. Also, please make sure that you answer complies with our Rules of Engagement.
You must be Logged in to submit an answer.

Up to 10 attachments (including images) can be used with a maximum of 1.0 MB each and 10.5 MB total.