Notice

The forum is in read only mode.

Support Forum

Welcome! Support Forums have been reactivated
Welcome the Technical Support section. Help us in assisting you by providing us with a concise and descriptive elaboration of your issues. Be specific and if possible, provide us with a step-by-step instruction in replicating your problem.

multi-column checkboxes

12 years 1 month ago
Licenses:
JomSocial Active iSEO Active Socialize Active

In this post , Hung suggests adding the following to custom.css to support multi-column checkboxes -

.validate-custom-checkbox{
-moz-column-count:2; /* Firefox */
-webkit-column-count:2; /* Safari and Chrome */
column-count:2;
}

The problem is that class doesn't appear in the generated html.

.validate-custom-radio appears for radio buttons and is customizable

12 years 1 month ago
Licenses:

Hi, David.

It was for older version of JomSocial... hung post is 9 months old (!).
probably class just changed.
Please, make a printscreen what and where you want to change.

Or use FireBug to get class name.

- Instead of saying: 'it's not working', explain the problem in detail.
- Screenshots with the URL visible in them and the problem marked are more than welcome.
- Tell us how to replicate the problem, we can't fix it if we can't find it.
- Make sure that your site/server meets JomSocial System Requirements
- Make sure to setup JomSocial Cron Job
- Always provide us with access details to the backend and ftp. We need it to debug problems.
- If you have a similar problem, but a solution you found isn't working, open a new thread instead of 'merging' with an existing one.

- Use the "Thank You" feature on any post that helped you
12 years 1 month ago
Licenses:
JomSocial Active iSEO Active Socialize Active

I discovered the class is correct, problem is it only shows if the field is required, in which case it's class="checkbox required validate-custom-checkbox"

If it's not required then it's class="checkbox " and setting .checkbox in custom css seems to make no difference.

For now I can just make the field required but I'm not sure why .checkbox doesn't work

12 years 1 month ago
Licenses:

Hi, David.

.checbox class is assigned to input. Trying to display it in two columns has no use.
If you want to have checkboxes in two columns you need to assign proper styling to parent div but within form .form-field: prntscr.com/4jj8hi

- Instead of saying: 'it's not working', explain the problem in detail.
- Screenshots with the URL visible in them and the problem marked are more than welcome.
- Tell us how to replicate the problem, we can't fix it if we can't find it.
- Make sure that your site/server meets JomSocial System Requirements
- Make sure to setup JomSocial Cron Job
- Always provide us with access details to the backend and ftp. We need it to debug problems.
- If you have a similar problem, but a solution you found isn't working, open a new thread instead of 'merging' with an existing one.

- Use the "Thank You" feature on any post that helped you
11 years 11 months ago
Licenses:
JomSocial Active iSEO Active Socialize Active

Thanks for the reply, sorry for the late response!

If I understand it appears this can't be styles through custom CSS and needs hacking of the core jomsocial files and thus will be overwritten with updates?

/david

11 years 11 months ago
Licenses:

Hi, David.

No, It can be - just look on the printscreen. You just need to apply it to proper element.
Try to use FireBug or Chrome dev tools to play with it and see what elemnt you need to style.
Just like on printscreen.

- Instead of saying: 'it's not working', explain the problem in detail.
- Screenshots with the URL visible in them and the problem marked are more than welcome.
- Tell us how to replicate the problem, we can't fix it if we can't find it.
- Make sure that your site/server meets JomSocial System Requirements
- Make sure to setup JomSocial Cron Job
- Always provide us with access details to the backend and ftp. We need it to debug problems.
- If you have a similar problem, but a solution you found isn't working, open a new thread instead of 'merging' with an existing one.

- Use the "Thank You" feature on any post that helped you
11 years 11 months ago
Licenses:
JomSocial Active iSEO Active Socialize Active

Ok, I'm not getting it. The element you applied it to is a div, with no associated id or class. How do I style it without editing one of the layout files?

11 years 11 months ago
Licenses:

Hi, David.

Container doesn't need a class to select it :) You can select it in various ways e.g:

.form-field div {
-webkit-column-count: 2;
}

If you want do this for all divs inside main container:
.form-field > div {
-webkit-column-count: 2;
}

If you want to do this for certain div and main container contain more that one (for first one):
.form-field div:first-of-type {
-webkit-column-count: 2;
}

For last one:
.form-field div:last-of-type {
-webkit-column-count: 2;
}

For particular div (e.g second one):
.form-field div:nth-child(2) {
-webkit-column-count: 2;
}

- Instead of saying: 'it's not working', explain the problem in detail.
- Screenshots with the URL visible in them and the problem marked are more than welcome.
- Tell us how to replicate the problem, we can't fix it if we can't find it.
- Make sure that your site/server meets JomSocial System Requirements
- Make sure to setup JomSocial Cron Job
- Always provide us with access details to the backend and ftp. We need it to debug problems.
- If you have a similar problem, but a solution you found isn't working, open a new thread instead of 'merging' with an existing one.

- Use the "Thank You" feature on any post that helped you
The following user(s) said Thank You: david steadson
Moderators: Piotr Garasiński
Powered by Kunena Forum

Join 180,000 websites creating Amazing communities

JomSocial is the most complete, easy-to-use addon that turns Joomla CMS into a
full -fledged, social networking site

TRY NOW BUY NOW

About Us

Our product

Support

Contact Us

Site Policies

Elsewhere

© JomSocial.com All Rights Reserved