How can I make button lineup the same way for any browser.

  • Profile Image
    AgilityAssoc.Canada
    Asked on April 04, 2018 at 04:40 PM

    Hi,

    On my form 80864908443970 I have custom made buttons using Button Radios widget asking the user if they want to view the conditions YES NO. On Chrome and Firefox they line up perfectly on Safari not so well. 

    1522873914Trialapp2.jpeg

    Is there a way to have it consistent with all browsers? Here is the injected css.

    .checkedButtonRadio, .wrapperButtonRadio,.customFieldFrame_194
    {
    border:3px outset #0bc;
    border-radius: 6pt;
    margin:6pt;
    color:black
    }

     
  • Profile Image
    BDAVID
    Answered on April 04, 2018 at 06:44 PM

    Please try injecting the following code inside the CSS area of that widget: https://www.jotform.com/help/428-How-to-Inject-CSS-Codes-to-Widgets 

    _::-webkit-full-page-media, _:future, :root .safari_only {

        div.rowButtonRadio div.wrapperButtonRadio:last-child{

        margin-bottom: -5px;

    }

    }

  • Profile Image
    AgilityAssoc.Canada
    Answered on April 04, 2018 at 07:52 PM

    I'm waiting for a response from my user and will let you know. Thank you, Robert