Adding bootstrap add-on (span) on input field

4
Hi, I'm trying to use my default bootstrap css in my application for the following: an input field with a span where I can type some text. For example an input field for an integer value with a span in it called "days". This span in bootstrap is used as following: <div class="input-group"> <input type="text" class="form-control"> <span class="input-group-addon">days</span> </div> result: <input type="text" class="form-control"> days How can I use this in my application? I don't know where to specify the span in the modeller / custom css file. Thanks in advance! Jeroen
asked
1 answers
4

Hi Jeroen.

This is possible by using a combination of tables and snippets. First create a table with one cell in it and in the class of the cell put input-group.

alt text

Class on table cell: alt text

Then create a snippet and place your text input first and then your label called days with the class input-group-addon second.

alt text

Then you have the desired functionality.I hope this helps. If not i can include some screenshots on how to do it.

alt text

answered