Need some help with my form

  • Profile Image
    Asked on May 27, 2014 at 03:40 PM

    I need to match the 2 additional boxes I have added to the existing ones.

    * I need the rounded corners and background text color to match the grey.


    Can someone do this for me please :)



    Thanks - Scott

  • Profile Image
    Answered on May 27, 2014 at 05:48 PM

    Okay, I believe this should help with the rounded corners and styling. All I did was update one part of your code with the extra 2 fields and that made them match the rest of them. This lead to one problem though - the 2 textboxes grey coloring isn't adapting to the rest of the form. I started digging into that more to figure out why and I am currently under the impression it may be due to the mixed coloring that already exists on your form. Either that or we may need to rework the css.

    I will try to figure it out and get back to you or perhaps one of my colleagues might find it quicker.


    Your Updated Form: (clone it)


    Updated Code:

    .form-textbox, #input_12, #input_13 {

    border-radius: 5px;

    height: 32px;

    width: 300px;


  • Profile Image
    Answered on May 27, 2014 at 06:40 PM

    Alright, I think we've found a solution. The resizable box was just a problem due to the fact that you had the box detail listed as a Default Value so that made it black whereas the previous fields you had it as a Hint and that was turning it grey. We've fixed this and the dropdown took the extra css to turn it grey after that.

    Updated Form with Grey Fix: