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