topic LayoutPanels grouping elements in Dashboards & Visualizations

LayoutPanels grouping elements

gambusino1984 — Wed, 23 Feb 2011 22:51:14 GMT

Hi all, I'm displaying 15 or 20 StaticRadio elements in my view. The problem is that I'm using layoutPanel="splSearchControls-inline" in order to have my StaticRadios side by side. As I have a large number of Static Radios I would like to pass to another line and continue displaying the rest in other line above.

Anyone have a way to do this?

Many Thanks, -Nuno

Re: LayoutPanels grouping elements

sideview — Thu, 24 Feb 2011 16:20:16 GMT

splSearchControls-inline creates a table with one tablecell per module in the panel. This wont allow anything to ever wrap to a second line, so you should avoid that layoutPanel in this case.

Instead I would put them into mainSearchControls, and then put this into appserver/static/application.css

.mainSearchControls .StaticRadio {
    float:left;
}

You might have to add a clear:left style somewhere because unclosed floats can do weird things in the page. This sort of depends on the specifics though. At any rate there's probably some kind of CSS tweakery that you'll have to do beyond just floating the StaticRadio's.

Re: LayoutPanels grouping elements

gambusino1984 — Thu, 24 Feb 2011 19:10:06 GMT

Hi Nick, thanks for your replay. I checked vi /opt/splunk/etc/apps/unix/appserver/static/application.css

.splFormSearch .viewHeader .SearchSelectLister, .splFormSearch .viewHeader .StaticSelect, .splFormSearch .viewHeader .TimeRangePicker, .splFormSearch .viewHeader .ExtendedFieldSearch, .splFormSearch .viewHeader .StaticRadio, .splFormSearch .viewHeader .SubmitButton { float: left; margin-left: 10px; margin-top: 10px; }

and seems to me that SubmitButton is already in float:left mode Am I checking the right file?

And what about layoutPanel="panel_row'x'_col'y'"? Should be usefull for me? When I'm trying to use this kind of layoutPanel I get an error when I execute the serach.

Thanks a lot once again. -Nuno