Html UI with selection, radio buttons and checkboxes

[Proektsoftbg]

Similar to selection lists, it is possible to use radio buttons and checkboxes to build an Html UI for you Calcpad worksheets.

I created a sample to show how it works:

If you want to try it by yourself, you can find the source code bellow:

'Cross section: <select name="section">
'<option value="100;150">RHS 100x150</option>
'<option value="150;200">RHS 150x200</option>
'<option value="200;250">RHS 200x250</option>
'</select>
'<p id="section"> Dimensions:'b = ? ','h = ? '</p>

'<p>Steel grade:
'<input name="steel" type="radio" id="S235" value="235" > 
'<label for="S235">S235</label>
'<input name="steel" type="radio" id="S275" value="275" > 
'<label for="S275">S275</label>
'<input name="steel" type="radio" id="S355" value="355" > 
'<label for="S355">S355</label></p>
'<p id="steel" style="display:none;">'f_y = ? '</p>
'Steel yield strength:'f_y

'Additional options:
'<p><input name="Rolled" type="checkbox" id="roll" value="1" > 
'<label for="roll">Hot rolled</label></p>
'<p><input name="Zn" type="checkbox" id="zink" value="1" > 
'<label for="Zn">Zink plated</label></p>
'<p id="Rolled" style="display:none;">'Rolled = ? '</p>
'<p id="Zn" style="display:none;">'Zinc = ? '</p>
'Values:
Rolled
Zinc

To make the above code to work, you need the new html template. It containts the necessary JavaScript and CSS. Download template.html from the link bellow. Unzip it and replace the onld template.html in your c:\Program Files\Calcpad\ folder.
template.zip

After we add macros and string variables, it will be much easier to make such things and we will avoid the repetative code.

[cser]

After we add macros and string variables, it will be much easier to make such things and we will avoid the repetative code

We're trying to make these macros here:
https://github.com/nikifkon/Calcpad

On the one hand, while they are not ready, there is not need to merge them.
On the other hand, I don't want to leave you in the dark.

[Proektsoftbg]

OK, that's great! This is fantastic.
I am so glad you are helping on that. I am almost done with #include, so if you manage with that, we will merge the whole thing at the end faster than me working alone. :)

[hildebrandopsj]

Wow! Incredible implement, it will be very useful! Congratulations for the great work you all are doing with calcpad!

I'm trying to translate to calcpad this little software i made with smath studio. https://lnkd.in/dAXXx56P