Subject:*
<
Name/Email:*
<
Message Icon:*
<
Select*
<
Message:*
<



Click the Preview to see the content in action.
Options:*
<
Confirmation Code*
<
6 - 1 = ?  
Input the result from the expression
Maximum attempts you can try: 10
*
<
     

Re: Template of search.php ??
by SMEDrieben on 2016/2/29 14:52:44

Thanks for all suggestions ! I applied some of them and they do work !

SMEDrieben
Re: Template of search.php ??
by Peekay on 2016/2/24 9:23:29

... and some more. I should point out that I am using Xoops 2.5.5 so the CSS identifiers may have changed in later versions.


le="color: #000000"><?php /* heading */ form#search th { padding: 10px 0 5px 0; font-family: amblelight; font-size: 30px; font-weight: normal; color: #006600; background-color: transparent; } form#search tr { height: 45px; } /* caption */ form#search .caption-text { color: black; margin-right: 1px } /* caption marker e.g. asterisk */ form#search .caption-marker { color: red; margin-right: 2px }
Re: Template of search.php ??
by Peekay on 2016/2/24 9:02:25

This is my search CSS. Obviously the values may not apply to your theme, but it shows the targets. A height and width setting for the checkbox input may change the box size, although I haven't tried it.

le="color: #000000"><?php /* pk ---------- Search (table) -------------- */ form#search{ display: block; width: 90% } form#search input[type="checkbox"] { float: left; line-height: 1.5; margin: 4px 0 4px 0; } /* pk checkbox label */ form#search label { float: left; margin: 0 10px 0 10px } form#search select{ width: 100%; height: 35px } form#search input[type="button"], input[type="submit"]{ margin: 5px 0 0 0; } form#search input[type="text"] { width: 100% }
Re: Template of search.php ??
by SMEDrieben on 2016/2/23 20:19:08

Thanks ! How can I increase the size of the check buttons ?

SMEDrieben
Re: Template of search.php ??
by Peekay on 2016/2/23 16:30:51

I have been working with the xbootstrap theme recently and it is really good, however the checkboxes for selecting modules on the 'search results' page (and everywhere else for that matter) are presented in a horizontal line. The line doesn't break when the page is viewed on a mobile phone, so I hacked the code to display checkboxes underneath each other.

This is bad practice, invalid HTML and of course it affects every checkbox array on the site... but it makes the boxes easy to select on a phone and they don't break out of the viewport.


/class/xoopsform/formcheckbox.php

Around line 208

Change:

le="color: #000000"><?php $ret .= $ele_extra . ' />'."<label name='xolb_{$ele_name}' for='{$ele_id}{$id_ele}'>" . $name . "</label>" . $ele_delimeter ;


to:

le="color: #000000"><?php $ret .= $ele_extra . ' />'."<label name='xolb_{$ele_name}' for='{$ele_id}{$id_ele}'>" . $name . "</label><br clear='all' />" ;

Who's Online

196 user(s) are online (159 user(s) are browsing Support Forums)


Members: 0


Guests: 196


more...

Donat-O-Meter

Stats
Goal: $15.00
Due Date: Jul 31
Gross Amount: $0.00
Net Balance: $0.00
Left to go: $15.00
Make donations with PayPal!

Latest GitHub Commits