cancel
Showing results for 
Search instead for 
Did you mean: 
cancel
Showing results for 
Search instead for 
Did you mean: 

Widget list/dropdown that show multi columns

qngo
4-Participant

Widget list/dropdown that show multi columns

Hello,

In a mashup, I'd like a dropdown list that show multiple columns, like an infotable in a dropdown list. Do you have any idea how I can do that ?

- The list of rows can be opened and closed like a dropdown (~widget list)

- The row contains many columns like the widget grid (editable, checkbox...)

- When the dropdown list is opened, it can overlay all widgets / layouts / rows that are below the list

I tried to add a Grid in a Folding Panel for the effect of the dropdown list. But the size of the Folding Panel is fixed and it doesn't show a scroll when the Grid is longer than the Folding Panel.

Thank you for your attention.

Quang-Dung

1 ACCEPTED SOLUTION

Accepted Solutions
zyuan1
18-Opal
(To:qngo)

Hello, the List widget might not be able to show more than one columns, and if the folding panel could not meet your requirement, then we should give it up.

I'm not sure whether the expandable Footer/ Header/ Sidebars could meet your needs, but I'll see them as a good fit:

  • The Footer/ Header/ Sidebars are responsive, so they can hold a Grid widget directly (Many columns)
  • The Footer/ Header/ Sidebars can be bound with a button, and clicking the button to activate the ToggleExpandCollapse service, making it "The list of rows can be opened and closed like a dropdown"
  • It can overlay all widgets when opened

View solution in original post

3 REPLIES 3
zyuan1
18-Opal
(To:qngo)

Hello, the List widget might not be able to show more than one columns, and if the folding panel could not meet your requirement, then we should give it up.

I'm not sure whether the expandable Footer/ Header/ Sidebars could meet your needs, but I'll see them as a good fit:

  • The Footer/ Header/ Sidebars are responsive, so they can hold a Grid widget directly (Many columns)
  • The Footer/ Header/ Sidebars can be bound with a button, and clicking the button to activate the ToggleExpandCollapse service, making it "The list of rows can be opened and closed like a dropdown"
  • It can overlay all widgets when opened

View solution in original post

qngo
4-Participant
(To:zyuan1)

Hello, thank you for your answer. I thought about using Footer/Header/Sidebars as you said. But in order to place the Grid next to other widgets in the mashup, a lot of layouts are needed.

zyuan1
18-Opal
(To:qngo)

Hi, in that case, you can choose a responsive area in the place you want, put down a Contained Mashup widget, and put the Mashup with expandable Footer/Header/Sidebar into it.  Now you could have a expandable Grid by the side of other widgets you want.

And you might try not to use too much layout in a Mashup, I assume it's better for the structure.

Announcements