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
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
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.