Multiple elements with id="xforms-select-full-template" and id="xforms-select1-full-template"

[avernet]

This occurs when embedding multiple forms on the same page. We should either:

1. Add a prefix to those IDs, e.g., o0xforms-select-full-template.
2. Use a class instead of an ID to locate those elements.
3. Eliminate those elements and dynamically generate the markup when needed.

I prefer option 2 or 3, with 2 likely being the less extensive change.

+1 from customer

[avernet]

For item 3, @ebruchez suggests we could use ScalaTags, which we already utilize elsewhere in our Scala.js code to generate markup.

[ebruchez]

The two templates:

<span id="xforms-select-full-template" class="xforms-template">
    <span class="xforms-deselected">
        <label class="checkbox">
            <input id="$xforms-item-id-select$" type="checkbox" name="$xforms-item-name$" value="$xforms-template-value$">
            <span class="xforms-hint-region">$xforms-template-label$</span>
            <span class="xforms-help">$xforms-template-help$</span>
            <span class="xforms-hint">$xforms-template-hint$</span>
        </label>
    </span>
</span>

<span id="xforms-select1-full-template" class="xforms-template">
    <span class="xforms-deselected">
        <label class="radio">
        <input id="$xforms-item-id-select1$" type="radio" name="$xforms-item-name$" value="$xforms-template-value$">
            <span class="xforms-hint-region">$xforms-template-label$</span>
            <span class="xforms-help">$xforms-template-help$</span>
            <span class="xforms-hint">$xforms-template-hint$</span>
        </label>
    </span>
</span>

[ebruchez]

• might cause Form Builder issue, check
• cp on user branch

[ebruchez]

Confirmed that this is what is causing Form Builder not to show.