This topic contains 5 replies, has 2 voices, and was last updated by Sean Sean 3 years, 3 months ago.

Inline radio are not coming as inline

  • Jigar
    Jigar
    Participant

    Posts: 32
    Member Reply #1214

    Hello,

    I am trying to use inline md radios but what so ever reasons, i am not able to get radios inline,

    I had take horizontal 2 column form and added inline radio for one of my input, but always come as vertical radio, see image below.

    Below is code

    <div class=”row”>

    <div class=”col-md-6″>

    <div class=”form-group”>

    <label class=”control-label col-md-3″>SLA Name</label>

    <div class=”col-md-9″>

    <input type=”hidden” name=”sla_id” id=”sla_id” autocomplete=”off”  class=”form-control”>

    <input type=”text” name=”sla_name” id=”slaname” autocomplete=”off”  class=”form-control” required>

     

    </div>

    </div>

    </div>

    <div class=”col-md-6″>

    <div class=”form-group md-line-input”>

    <label class=”control-label col-md-3″>Status</label>

    <div class=”col-md-6″>

    <div class=”md-radio-inline”>

    <div class=”md-radio has-success”>

    <input type=”radio” id=”radio14″ name=”sla_status” class=”md-radiobtn” value=”Enable” checked>

    <label for=”radio14″>

    <span></span>

    <span class=”check”></span>

    <span class=”box”></span>

    Enable </label>

    </div>

    <div class=”md-radio has-error”>

    <input type=”radio” id=”radio15″ name=”sla_status” class=”md-radiobtn” value=”Disable”>

    <label for=”radio15″>

    <span></span>

    <span class=”check”></span>

    <span class=”box”></span>

    Disable </label>

    </div>

     

    </div>

    </div>

    </div>

     

    </div>

     

    </div>

    Attachments:
    You must be logged in to view attached files.
    Sean
    Sean
    Keymaster

    Posts: 4526
    Support Staff Reply #1234

    Hi,

    Can you provide us a test link to your developing site in a private reply(just check “set as a private reply” checkbox to make your replies visible only to support staff) ? We will need to check your code only in order to advise you further.

    Thanks.

    Jigar
    Jigar
    Participant

    Posts: 32
    Member Reply #1243

    Unfortunately, this is at my localhost,

    Can you tell me which CSS and JS is used for md inline radio?

    Jigar
    Jigar
    Participant

    Posts: 32
    Member Reply #1248

    Hi,

    I found something new,

    If we use this inline radio in Form Layouts-> 2 col horizontal then it is not coming as inline,

    But if we use it in Row separated form, then radios are coming inline,

    Can you try to do this? Adding md form control inline radio in 2 col horizontal form?

    Jigar
    Jigar
    Participant

    Posts: 32
    Member Reply #1250

    Finally, by checking step by step, it found that parsley is creating issue, when  data-parsley-validate is added to from element, all inline radio become like li items,

    It seems something clashing there, can you check and give us some solution?

    Thanks

    Sean
    Sean
    Keymaster

    Posts: 4526
    Support Staff Reply #1262

    Hi,

    Sorry, our theme at the moment does not include the integration for perslay validation plugin.

    But we will consider integrating it in a future releases.

    To stay updated on Metronic’s new releases please follow us on http://twitter.com/keenthemes 😉

    Thanks.

You must be logged in to reply to this topic.