This topic is locked
[SOLVED]

Making search panel components horizontal

11/7/2022 8:26:00 AM
ASPRunner.NET General questions
D
david powell author

Hi,
There is a useful link to achieving this ... but I cant make it work!

I have a search panel in the main section of a form in its own box.

I have added this code to the modify css of the style editor

.form-group.srchPanelRow.rnr-basic-search-field, div.srchPanelRow.form-group {
float: left !important;
display: table;
margin: 5px;
}

I have also tried adding it to the custom css of the search panel item itself on the designer page, both replacing the existing text in that box, and also tried adding float: left between the curly brackets of the existing item.

I also tried removing the !important phrase as it comes up as a syntax error.

None of these actions work, and my search panel remains vertical.... although it has always been in two columns not one which is a good start perhaps!

Can anyone see what I am doing wrong? I have looked at the custom css video and am playing with chromes dev tools but still on a learning curve with it....

I would be grateful for any pointers...

DAvid

admin 11/7/2022

David,

in version 10.8 you do not anything special to make it happen, simply drag your search panel to the horizontal block above the grid and this is it.

D
david powell author 11/7/2022

Thanks that explains why I had two columns across - the box was being restricted by items to the far right, now removed and all fine!