Joomla Extensions Club 20,483 posts

[macmaz Friend macmazJoin date: June 2014Posts: 8Downloads:5Uploads:3 Thanks: 2]

#198783

I am using the JAK2 Filter and need help in order to put the Alphabetical index in a horizontal way (it now appears vertically) and omit the search button (see attachments). Thanks in advance.

---

Attachments:

1. 
2. 

[Thanh Nguyen Viet Friend Thanh Nguyen VietJoin date: September 2014Posts: 1461Downloads:0Uploads:44 Thanked: 258 times in 217 posts]

#538987

Please send me link to the page, I will check and give you suggestion to resolve this issue then.

[macmaz Friend macmazJoin date: June 2014Posts: 8Downloads:5Uploads:3 Thanks: 2]

#539009

http://aboutlibraries.gr/stage/index.php/gr/prosopa

[Thanh Nguyen Viet Friend Thanh Nguyen VietJoin date: September 2014Posts: 1461Downloads:0Uploads:44 Thanked: 258 times in 217 posts]

#539015

To get the form field displayed as you described, please open the file:

modules/mod_jak2filter/assets/css/style.css

Find this code snippet:

ul.ja-k2filter li label,
ul.ja-k2filter li label.radio,
ul.ja-k2filter li label.checkbox {
line-height: 1.3;
margin: 0 0 10px 0;
padding-left: 0;

}

And add this code below it:

ul.ja-k2filter.horizontal-layout li label,
ul.ja-k2filter.horizontal-layout li label.radio,
ul.ja-k2filter.horizontal-layout li label.checkbox {
float:left;
padding-left: 10px;

}

[macmaz Friend macmazJoin date: June 2014Posts: 8Downloads:5Uploads:3 Thanks: 2]

#539026

Dear Sir,
Thank you for your prompt reply.
The truth is that by implementing your solution the outcome didn’t match that, of the one I sent you (see attachment) – search button still present, checking fields appear at the side of each letter instead of below. Could you be so kind and provide me with a snippet that corrects the above?
Thanks again for the time spent.

[Thanh Nguyen Viet Friend Thanh Nguyen VietJoin date: September 2014Posts: 1461Downloads:0Uploads:44 Thanked: 258 times in 217 posts]

#539179

To get search form as you described, please try solution below:
– Open the css file that I mentioned above
– Adding the declaration below to the end of the file

.ja-k2filter div.controls {
clear: both;
}

To hide Search button in search form, you need open setting form of JA K2 filter module, enable Auto Filter option.

[Author]

Posts