How to Move a Checkbox INTO a Span?

I have a <span that I want to put a checkbox inside of, but I cannot drag it inside. This is the objective: `<span class="input-group-addon"> <input type="checkbox" aria-label=""> </span> <input type="text" class="form-control" aria-label="" id="cbx1" value="Ship to"> ` How can I do this? I have all of the elements, but I cannot next them as seen here.

Never mind - I found a way by converting to HTML, then editing that.

According to, it should be allowed but the BSS app Devs need to make that happen.


However, I noticed that the Input group component from the BSS app uses a div for that so I figure they are wanting that to be used.

<div class="input-group">
    <div class="input-group-addon">
        <input type="checkbox" />
    <input type="text" class="form-control" />

I drag/drop Input group then drag/drop checkbox into Left Addon in the Overview pane and deleted the span that is there by default and then turned off the Right Addon in the Options pane on the top right of the BSS app.

I would assume you were building the Input group by hand.


Saj, it took me a few reads to understand what you meant, but when I finally understood it you provided the exact solution I was after! Thank you.