Copied to clipboard

Flag this post as spam?

This post will be reported to the moderators as potential spam to be looked at


  • dominik 711 posts 733 karma points
    Aug 09, 2011 @ 10:54
    dominik
    0

    Two forms on one site - different css classes

    Hello,

    Ive got two forms which should use different css classes. If i select the setting "disable default stylesheet" on the second form it uses the contour classes anyway.

    Any solution for it?

  • Comment author was deleted

    Aug 09, 2011 @ 11:41

    Yes classes are always added, it's only the default stylesheet you can disable.

    But if you just add a wrapper class you should be able to target differently no ?

  • dominik 711 posts 733 karma points
    Aug 09, 2011 @ 13:23
    dominik
    0

    Hi Tim,

    I only want to add the styles to one of the contour forms. I already checked the "disable default stylesheet" checkbox on second form but it uses the input classes anyway.

    This will not work. How can i just remove the contour ID for the second form so it does not use the default css classes?

    Is this an error? I thougt if i check the checkbox it will not use the css classes for the second form but it surround it with id contour and because the site has integrated the defaultform.css (because of form 1) .

    I think it should remove the id contour for second form otherwise it will be rendered with wrong styles.

    The problem is, that the defaultform.css file is loaded for contour form 1 but should not be used by contour form 2 at the bottom of the page. To achieve this I think there should be no id contour arround the second form if I check the checkbox "disable default stylesheet".

    I dont want to copy each class and set it to a specific ID because on sites where i only have the bottom form it is styled correct. Only pages with more than one contour form are not working

    Thanks

  • dominik 711 posts 733 karma points
    Aug 10, 2011 @ 14:26
    dominik
    0

    Any solution for this?

  • dominik 711 posts 733 karma points
    Aug 16, 2011 @ 09:33
    dominik
    0

    I am still not possible to solve this issue.

    If I have two forms on one page and set "disable default stylesheet" on the second form it still uses the default stylesheet.

    Can somebody please help?

    Thanks

  • Jon Boyer 37 posts 59 karma points
    Aug 17, 2011 @ 01:34
    Jon Boyer
    0

    First form:

     

    <div id="thisform">

    put your form here

    </div>

     

    Second form

     

    <div id="thatform">

    put your form here

    </div>

     

    Then, in your css

     

    #thisform input{

    color:green;

    }

     

    #thatform input{

    color:blue;

    }

     

    As Tim said - apply a wrapper.

     

    Or am I missing something?

  • dominik 711 posts 733 karma points
    Aug 17, 2011 @ 07:39
    dominik
    0

    If i do so i have to copy all input, text, contour classes because.

    Just putting a <div> arround the second form is not working. I just want to disable the defaultform.css for the second form. I dont want to copy each class.
    So I think the first form must have a div with id contour but if "disable default stylesheet" is checked on second form it should not be surrounded by the div with id contour otherwise it will always use the contour styles (also if i use a wrapper arround the form)

    It will always use the contour form.

    There is another problem.

    If i click submit on the second form he tries to submit the first form. I think this is an issue of contour or?

    Thanks

Please Sign in or register to post replies

Write your reply to:

Draft