How to remove empty space when the Widget is hidden in service portal

sushilkumar
Giga Contributor

Hi All,

How to remove empty space when the Widget is hidden in service portal. Below is the example when empty space starts showing up when widget is hidden through role in the widget instance. Client don't want to see the empty space when the widget is hidden, is it possible to dynamically spread out those widget icons across without showing the empty space.

find_real_file.png

find_real_file.png

4 REPLIES 4

SanjivMeher
Kilo Patron
Kilo Patron

I think the bootstrap layout you used is 1:6. 

May be you should try a bootstrap with no segments.


Please mark this response as correct or helpful if it assisted you with your question.

sushilkumar
Giga Contributor

Hi Sanjiv,

Seems its working for with Bootstrap layout with no segment but all the widgets are showing in vertical order one after the other but i need to show the widgets horizontally. Can you please suggest how to show widgets horizontally when using Bootstrap layout with no segment.

find_real_file.png

Empty Space was removed when confidential request widget got hidden. But the widgets needs to be shown horizontally. Please suggest.

find_real_file.png

Raslani1
Kilo Expert

Hi,

You may have two solutions:
1. using custom class and setting flex boxes ( the width is calculated for all child in the row (not working on IE etc.))

2. not using div columns x 4 but adding directly the col-md-3 in the widget, as shown below:
find_real_file.pngfind_real_file.pngfind_real_file.png

below the page designer example:
find_real_file.png

I hope this definitely helps you

Regards,
Raslani

madhuri15
Tera Contributor

Hi Susheel, Iam having the same requirement. I wanted to auto-tailor the widgets instead of displaying empty space which i have hidden by using roles. How did you fix this issue?

Any help is appreciable

 

Thanks and Regards,

Madhuri