Restyle the layout of the search criteria screen

gjvanwijk63
OFFLINE
Posts: 33
Thanks: 3
Karma: 1

9 years 11 months ago #268773 by gjvanwijk63

Restyle the layout of the search criteria screen was created by gjvanwijk63

Is it possible to change the layout of the search criteria screen. I'm using 7 searchable fields each positioned on a seperate row. I would like to use 2 columns so you don't have to scroll down.

Regards, Gert-Jan

attached file is how it looks now.

Attachments:

Please Log in or Create an account to join the conversation.

krileon
ONLINE
Posts: 49412
Thanks: 8461
Karma: 1465

9 years 11 months ago #268784 by krileon

Replied by krileon on topic Restyle the layout of the search criteria screen

They're divs one after another so you could float them with CSS and set their width to 50% for example to have 2 side by side per row. Right click and click inspect element to review their HTML structure for CSS classes and IDs that can be used in your styling. The HTML structure can't be changed as it's dynamically generated. Example as follows.

Code:

.cbUserListSearchFields .cbFieldsContentsTab:after {
	content: '';
	clear: both;
}

.cbUserListSearchFields .cbFieldsContentsTab > .cb_form_line {
	float: left;
	width: 50%;
}

.cbUserListSearchFields .cbFieldsContentsTab > .cb_form_line > label,
.cbUserListSearchFields .cbFieldsContentsTab > .cb_form_line > cb_field {
	display: block;
	width: 100%;
}

Kyle (Krileon)
Community Builder Team Member
Before posting on forums: Read FAQ thoroughly + Read our Documentation + Search the forums
CB links: Documentation - Localization - CB Quickstart - CB Paid Subscriptions - Add-Ons - Forge
--
If you are a Professional, Developer, or CB Paid Subscriptions subscriber and have a support issue please always post in your respective support forums for best results!
--
If I've missed your support post with a delay of 3 days or greater and are a Professional, Developer, or CBSubs subscriber please send me a private message with your thread and will reply when possible!
--
Please note I am available Monday - Friday from 8:00 AM CST to 4:00 PM CST. I am away on weekends (Saturday and Sunday) and if I've missed your post on or before a weekend after business hours please wait for the next following business day (Monday) and will get to your issue as soon as possible, thank you.
--
My role here is to provide guidance and assistance. I cannot provide custom code for each custom requirement. Please do not inquire me about custom development.

Please Log in or Create an account to join the conversation.

Moderators: beat, nant, krileon