Problems with JSN Uniform

Rate this topic: Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.1.00 out of 6 based on 1 vote(s)
GK User
Mon Oct 13, 2014 8:19 pm
Reply with quote
Report this post
Hi
I'm trying to implement a uniform template with JSN Uniform.
Take the style of the form Sign Up
Where I have to remove the style to make it look correct?
Thanks
User avatar
Senior Boarder

teitbite
Mon Oct 13, 2014 9:38 pm
Reply with quote
Report this post
Hi

I'm sorry but I do not understand. Can You please explain the request a little better ?
User avatar
Moderator

GK User
Tue Oct 14, 2014 11:15 am
Reply with quote
Report this post
dudas gavick lanser.jpg

Hi
Sorry for my English!!!!
I am working with the form "JSN Uniform" of JoomlaShine
How to change the style of these fields?
Where do I need to change the style?
Attached image to make it look better what I want to do

Thanks
User avatar
Senior Boarder

teitbite
Wed Oct 15, 2014 10:54 am
Reply with quote
Report this post
Hi

I will not be able to help with that, since template doesn't support this extention so style may not be accurate and adding it is considered as customisation, but please tell me the url to the pages from screens, so I'll see and check the files involved where You will be able to make changes.
User avatar
Moderator

GK User
Wed Oct 15, 2014 6:45 pm
Reply with quote
Report this post
Hi
Of course
http://lanser1.cyangraf.es/index.php/k2/formularioooo
http://colegio.cyangraf.es/index.php/es/formulario
http://maruri.cyangraf.es/index.php/formulario

As you can see I've tried with several templates and all pass the same.
The form is the style of the template and I want to make well.
However, with the template protostar-Default looks good.
I need help to solve the height of boxes and the rest of things to send in previous jpg.

Thanks
User avatar
Senior Boarder

teitbite
Thu Oct 16, 2014 6:55 pm
Reply with quote
Report this post
Hi

Acctually there is no styles for this elements from component. Try create new:

Code: Select all
.jsn-style-light select,
.jsn-style-light textarea,
.jsn-style-light input[type="text"],
.jsn-style-light input[type="password"],
.jsn-style-light input[type="url"],
.jsn-style-light input[type="email"] {
height: 28px;
}

.jsn-style-light input[type="checkbox"],
.jsn-style-light .checkbox,
.jsn-style-light input[type="radio"],
.jsn-style-light .radio {
margin-right: 5px;
}

.jsn-style-light button,
.jsn-style-light .button,
.jsn-style-light .button.inverse:active,
.jsn-style-light .button.inverse:focus,
.jsn-style-light .button.inverse:hover,
.jsn-style-light input.button,
.jsn-style-light span.button,
.jsn-style-light button.button,
.jsn-style-light div.button,
.jsn-style-light input[type="submit"],
.jsn-style-light input[type="button"] {
background-color: #222222;
}
User avatar
Moderator

GK User
Sun Oct 19, 2014 6:21 pm
Reply with quote
Report this post
Hi,
Amazing!!!
Now, How do I get to display three columns on the form?
Thank you for everything
User avatar
Senior Boarder

teitbite
Tue Oct 21, 2014 8:16 pm
Reply with quote
Report this post
Hi

Try add this:

Code: Select all
#jsn_form_1.jsn-master .jsn-bootstrap .jsn-form-content .control-group {
    margin: 11px 1%;
    width: 31%;
}
User avatar
Moderator


cron