This problem comes from your template, Seblod uses boostrap and its styles and template needs to have boostrap support to show this icons http://getbootstrap.com/2.3.2/base-css.html#icons

Also you can try with different settings for frontend css that is included ( in seblod component configuration options) to see how different options affect display.

Hi thanks for the quick reply,

The thing is i used seb_one template to create my form, so i took one that support already bootstrap i suppose no ?

I don't remember doing any modification on templates themself, i just created field with condition on the "site" form. By the way the css used is seb_css3 for this template (in the "template" part of the form).

Do you know why it dosnt work by default ? did i miss something (i think its related to the first part of your reply when you say that my template need to support boostrap).

Unfortunatly i couldnt find seblod>component>configurations>options.  I only found component>seblod>parameters> site; here i could change some css configuration, i switched to seb_css3b and joomla but no difference on the front end side.

I found a field : ModalBox, which offer Jcckmodal(Bootstrap) OR ColorBox(legacy) that was by default. I though it was it, i switched to JcckmodalBootstrap but no difference on the front end :'(

I suppose we are close but as i am a big noob for this kind of thing,i must miss something easy ?

For the last part of your reply, about add font -awesome to field-x, i understand half of what it say/explain so i would like to do it if we really have no other possibilities.

So any idea if i missed something ?

Best regards,

Hi, try setting "CSS Definitions" to all and CSS Stylesheets to All Views->All. What I meant by template is that Joomla template needs to support Boostrap and it's icons.

Hi,

So i triied what you said but didnt work unfortunatly, here my actuel config : Link

I found another "bootstrap" settings, here a pic : Link 2

I triied multiple value (was 0 by default) but didnt change anything about the calendar icon on the front end :(

Any other ideas ?

Thanks a lot for your help

Best regards,

You will need to modify css on our site to change icons size, if you don't know how to do this yourself try finding help from someone that knows css.

Hi,

Ok i think i can handle some css modification.

The thing is i don't find the right parameter that control the calendar icon size. I changed almost every value with big ones in the jscal2.css in \plugins\cck_field\calendar\assets\css for example but no change at all on the front end.

Can you be a little more specific about the file/parameter that control the calendar icon size ?

Regards,

There is no parameter, you need to change css style in files from your template that define this icons size.

Ok, indeed i meant "variables" in css files and not parameters.

i found a lot in regards of calendar icon etc.. like this one but it dosnt work (in general.css in my template)

/* Calendar */
a img.calendar {
width: 50px;
height: 50px;
margin-left: 10px;
cursor: pointer;
vertical-align: middle;
}

Those are my value, they were small by default but it dosnt work.

I also find something in a JSscript that alert me. Is it possible in fact that the calendar icon is not load at all by the JSscript ? -> 

// Set
if ( ! $field->variation ) {
if ( JCck::on() ) {
$form .= '<button id="'.$id.'-trigger"><span></span></button>';
} else {
$form .= '<img src="'.self::$path.'assets/images/calendar.png" alt="Calendar" id="'.$id.'-trigger" />';
}

Does this mean that if the first condition is true, then the calendar.png won't be load ?

I'm starting to think that the problem is elswhere, that would explain why every modification i have made on all calendar related VAR dosnt work.