How do I customize a spinner/range field for measurements? (screenshot included)

  • Profile Image
    bgenrich
    Asked on March 28, 2013 at 09:45 AM

    I'm attempting to add a field for custom dimensions (inches). I'm also looking for the most attractive way to do it— ideally I would end up with something exactly like the screenshot I created below. Since I created this in Photoshop and have no idea how to actually code it myself.. I'm wondering if anyone could point me in the right direction?

    Thangyaverymuch,

    Andy

    Custom Size > Spinner

  • Profile Image
    KadeJM
    Answered on March 28, 2013 at 10:21 AM

    Hi Andy, I think this should be possible though unfortunately we don't have an exact feature to put in the multiplier sign ( x ) in the middle, that would have to be done using the form's source code then grabbing and modifying the line of code for it. Now for the sublabels that would have to be done using some injected css to align it to the right as in your image.

     

  • Profile Image
    bgenrich
    Answered on March 28, 2013 at 10:38 AM

    Very cool, thank you good sir. 

    Do you think if I manage to find the block of code containing the two fields, I'll be able to insert margins to the space between and add something like "<p> x </p>" ?

    Or is that a bad idea? I'm somewhat of a bull in a china shop when it comes to html/css.

  • Profile Image
    KadeJM
    Answered on March 28, 2013 at 12:19 PM

    No problem and to be honest it will most likely give you some trouble doing it that way since because the form uses css to set up your form field positioning which would cause the x and the inputs to be offset.

    I will try to see what I can come up with for you on this but it may take a little bit of time and will get back to you as soon as I can or perhaps my colleagues may come up with something quicker.

  • Profile Image
    bgenrich
    Answered on March 29, 2013 at 02:08 PM

    Sounds good, I'll keep checking. Thanks again for the help!

    -Andy