Multiple Matrix formatted differently with CSS?

  • Profile Image
    SJAtraining
    Asked on August 14, 2012 at 01:57 PM

    I'm trying to use create a form that has multiple Matrix forms used for gathering information. Each form needs to have custom width/length for different fields.

    I'm using the CSS code and it's working, but is affecting all the forms. Is there a way to code it so that each form is altered individually?

     

    thanks!

  • Profile Image
    SJAtraining
    Answered on August 14, 2012 at 03:49 PM

    Yes, that's it!

    If possible, I'd like to modify the sizing of each Matrix independently of each other.

  • Profile Image
    SJAtraining
    Answered on August 14, 2012 at 04:14 PM

    you're awesome - thankyou!

    Edit - still think you're awesome, but it's not working - any suggestions?

    One more question - where do you find the id for each element, so I can identify them in the future?

    thanks!

    Here's my code now:

    .form-matrix-values {

     

    padding-left: 2px;

    padding-right: 2px;

    }

    #cid_3

    {

    .form-matrix-row-headers +

    .form-matrix-values

    .form-textbox {width: 120px;}

    /*surname*/.form-matrix-row-headers +

    }