withTMS Web Core VS

I use this HTML code in one form :

<div class="form-group col-md-3" id="RADIO">
        <div class="form-check">
            <input class="form-check-input" type="radio" checked>
            <label class="form-check-label" for="exampleRadios1">
              Default radio

          <div class="form-check">
            <input class="form-check-input" type="radio">
            <label class="form-check-label" for="exampleRadios2">
              Second default radio

          <div class="form-check">
            <input class="form-check-input" type="radio" disabled>
            <label class="form-check-label" for="exampleRadios3">
              Disabled radio

I'm using a TwebRadioGroup to map this but I don't have a vertical alignment.
I still use 1 column.

Could you help me ?

Thank you.


I'm not sure I understand this question correctly.
Can you explain what you mean with no vertical alignment?

If possible, please include screenshots and/or a sample project.

(1) without tms control mapped (direct html code)
(2) mapped with a TWebRadioGroup (with 1 column) and Items assigned

In fact when I use Items (with tstrings) TwebRadioGroup work correctly but alignment is horizontal (show in 2)
and if I leave the items assigned by the HTML (as code shown before) the radioGroup is align Vertical but
don't work correctly.

Thank you for the follow-up with extra information.
We are currently investigating this issue and will report back as soon as possible.

It is by design that when mapping on a HTML element (note that the mapping here is done on the radiogroup outer element, the radiogroup items are generated & rendered from the Pascal class), the generated radio buttons are relative positioned. These are rendered as SPAN elements. If you want the SPAN elements to be rendered under each other, define a CSS class for these SPAN elements, for example with style display:block; and assign this CSS class to WebRadioGroup.ElementClassName