<?php
                /**
                 * Intranet
                 *
                 * PHP version 5
                 *
                 * @category  PHP
                 * @package   Rocket_form
                 * @author    Softdiscover <info@softdiscover.com>
                 * @copyright 2015 Softdiscover
                 * @license   http://www.php.net/license/3_01.txt  PHP License 3.01
                 * @link      http://wordpress-form-builder.uiform.com/
                 */
                if (!defined('BASEPATH')) {exit('No direct script access allowed');}
                ?>
                <!-- options -->
            <script type="text/html" id="tmpl-zgfm-field-opt-type-8"> &lt;div id=&quot;uifm-field-opt-content&quot;&gt; &lt;input type=&quot;hidden&quot; id=&quot;uifm-field-selected-id&quot; value=&quot;&quot;&gt; &lt;input type=&quot;hidden&quot; id=&quot;uifm-field-selected-type&quot; value=&quot;8&quot;&gt; &lt;div class=&quot;uiform-builder-maintab-container&quot;&gt; &lt;div class=&quot;uiform-set-panel-header&quot;&gt; &lt;div class=&quot;uiform-set-panel-header-inner&quot;&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-7&quot;&gt; &lt;div class=&quot;uifm-set-section-fieldname&quot;&gt; &lt;div class=&quot;uiform-set-panel-header-fldnme&quot;&gt; &lt;label for=&quot;&quot;&gt;Field name &lt;a href=&quot;javascript:void(0);&quot; data-toggle=&quot;tooltip&quot; data-placement=&quot;right&quot; data-original-title=&quot;This is important to identify the field on reports and conditional logic&quot; &gt;&lt;span class=&quot;fa fa-question-circle&quot;&gt;&lt;/span&gt;&lt;/a&gt;&lt;/label&gt; &lt;input type=&quot;text&quot; id=&quot;uifm_fld_main_fldname&quot; class=&quot;sfdc-form-control&quot; placeholder=&quot;Type field name&quot;&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-md-5&quot;&gt; &lt;div class=&quot;uiform-set-panel-header-opts&quot;&gt; &lt;span&gt; Options:&lt;/span&gt; &lt;div class=&quot;sfdc-btn-group &quot;&gt; &lt;button class=&quot;sfdc-btn sfdc-btn-sm sfdc-btn-danger&quot; onclick=&quot;javascript:rocketform.fieldsetting_deleteFieldDialog();&quot;&gt; &lt;i class=&quot;fa fa-trash-o&quot;&gt;&lt;/i&gt; Remove&lt;/button&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;uiform-set-panel-container&quot;&gt; &lt;!-- first panel --&gt; &lt;div class=&quot;uiform-set-panel-1 &quot;&gt; &lt;div class=&quot;uiform-set-options-tabs&quot;&gt; &lt;!-- Nav tabs --&gt; &lt;ul class=&quot;sfdc-nav sfdc-nav-tabs&quot; style=&quot;left:0;&quot;&gt; &lt;li class=&quot;sfdc-active&quot;&gt; &lt;a data-uifm-title=&quot;label&quot; href=&quot;#uiform-settings-tab-1&quot; class=&quot;uifm-tab-fld-label&quot; data-toggle=&quot;sfdc-tab&quot;&gt;Label&lt;/a&gt; &lt;/li&gt; &lt;li&gt;&lt;a data-uifm-title=&quot;input&quot; href=&quot;#uiform-settings-tab-2&quot; class=&quot;uifm-tab-fld-input&quot; data-toggle=&quot;sfdc-tab&quot; &gt;Input&lt;/a&gt; &lt;/li&gt; &lt;li&gt;&lt;a data-uifm-title=&quot;helpb&quot; href=&quot;#uiform-settings-tab-3&quot; class=&quot;uifm-tab-fld-helpblock&quot; data-toggle=&quot;sfdc-tab&quot; &gt;Help Block&lt;/a&gt; &lt;/li&gt; &lt;li&gt;&lt;a data-uifm-title=&quot;validate&quot; href=&quot;#uiform-settings-tab-4&quot; class=&quot;uifm-tab-fld-validation&quot; data-toggle=&quot;sfdc-tab&quot; &gt;Validators&lt;/a&gt; &lt;/li&gt; &lt;li&gt;&lt;a data-uifm-title=&quot;logic&quot; href=&quot;#uiform-settings-tab-6&quot; class=&quot;uifm-tab-fld-logicrls&quot; data-toggle=&quot;sfdc-tab&quot; &gt;C.Logic&lt;/a&gt; &lt;/li&gt; &lt;li&gt;&lt;a data-uifm-title=&quot;more&quot; href=&quot;#uiform-settings-tab-7&quot; class=&quot;uifm-tab-fld-moreopt last-child&quot; data-toggle=&quot;sfdc-tab&quot; &gt;More&lt;/a&gt; &lt;/li&gt; &lt;/ul&gt; &lt;div class=&quot;uifm-tab-navigation&quot; style=&quot;display:none;&quot;&gt; &lt;div&gt; &lt;a class=&quot;uifm-previous-tab&quot; href=&quot;javascript:void(0);&quot; onclick=&quot;javascript:rocketform.setScrollTab(1,this);&quot; &gt;&amp;lt;&lt;/a&gt; &lt;a class=&quot;uifm-next-tab&quot; href=&quot;javascript:void(0);&quot; onclick=&quot;javascript:rocketform.setScrollTab(-1,this);&quot;&gt;&amp;gt;&lt;/a&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;!-- Tab panes --&gt; &lt;div class=&quot;sfdc-tab-content &quot;&gt; &lt;div class=&quot;sfdc-tab-pane sfdc-in sfdc-active uifm-tab-fld-label&quot; id=&quot;uiform-settings-tab-1&quot;&gt; &lt;div class=&quot;uiform-tab-content scroll-pane-arrows&quot;&gt; &lt;div class=&quot;uiform-tab-content-inner&quot;&gt; &lt;!--\container --&gt; &lt;div class=&quot;uiform-set-field-wrap&quot; id=&quot;uiform-set-field-lbl-panel&quot;&gt; &lt;div class=&quot;uifm-set-section-label&quot;&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-sm-12&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;label for=&quot;uifm_fld_lbl_txt&quot;&gt;Label text&lt;/label&gt; &lt;div class=&quot;sfdc-input-group&quot;&gt; &lt;div class=&quot;uifm-set-section-label-lbltxt&quot;&gt; &lt;input type=&quot;text&quot; data-field-store=&quot;label-text&quot; id=&quot;uifm_fld_lbl_txt&quot; name=&quot;uifm_fld_lbl_txt&quot; class=&quot;sfdc-form-control uifm-f-setoption&quot;&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-input-group-btn&quot; &gt; &lt;select data-field-store=&quot;label-size&quot; id=&quot;uifm_fld_lbl_size&quot; data-width=&quot;80px&quot; name=&quot;uifm_fld_lbl_size&quot; data-live-search=&quot;true&quot; data-style=&quot;sfdc-btn-primary&quot; class=&quot;uifm_field_font_selectpicker uifm-f-setoption-font&quot;&gt; &lt;optgroup label=&quot;Font size&quot; data-max-options=&quot;2&quot;&gt; &lt;option value=&quot;8&quot;&gt;8 px&lt;/option&gt; &lt;option value=&quot;9&quot;&gt;9 px&lt;/option&gt; &lt;option value=&quot;10&quot;&gt;10 px&lt;/option&gt; &lt;option value=&quot;11&quot;&gt;11 px&lt;/option&gt; &lt;option value=&quot;12&quot;&gt;12 px&lt;/option&gt; &lt;option value=&quot;13&quot;&gt;13 px&lt;/option&gt; &lt;option value=&quot;14&quot;&gt;14 px&lt;/option&gt; &lt;option value=&quot;15&quot;&gt;15 px&lt;/option&gt; &lt;option value=&quot;16&quot;&gt;16 px&lt;/option&gt; &lt;option value=&quot;17&quot;&gt;17 px&lt;/option&gt; &lt;option value=&quot;18&quot;&gt;18 px&lt;/option&gt; &lt;option value=&quot;19&quot;&gt;19 px&lt;/option&gt; &lt;option value=&quot;20&quot;&gt;20 px&lt;/option&gt; &lt;option value=&quot;21&quot;&gt;21 px&lt;/option&gt; &lt;option value=&quot;22&quot;&gt;22 px&lt;/option&gt; &lt;option value=&quot;23&quot;&gt;23 px&lt;/option&gt; &lt;option value=&quot;24&quot;&gt;24 px&lt;/option&gt; &lt;option value=&quot;25&quot;&gt;25 px&lt;/option&gt; &lt;option value=&quot;26&quot;&gt;26 px&lt;/option&gt; &lt;option value=&quot;27&quot;&gt;27 px&lt;/option&gt; &lt;option value=&quot;28&quot;&gt;28 px&lt;/option&gt; &lt;option value=&quot;29&quot;&gt;29 px&lt;/option&gt; &lt;option value=&quot;30&quot;&gt;30 px&lt;/option&gt; &lt;option value=&quot;31&quot;&gt;31 px&lt;/option&gt; &lt;option value=&quot;32&quot;&gt;32 px&lt;/option&gt; &lt;option value=&quot;33&quot;&gt;33 px&lt;/option&gt; &lt;option value=&quot;34&quot;&gt;34 px&lt;/option&gt; &lt;option value=&quot;35&quot;&gt;35 px&lt;/option&gt; &lt;option value=&quot;36&quot;&gt;36 px&lt;/option&gt; &lt;option value=&quot;37&quot;&gt;37 px&lt;/option&gt; &lt;option value=&quot;38&quot;&gt;38 px&lt;/option&gt; &lt;option value=&quot;39&quot;&gt;39 px&lt;/option&gt; &lt;option value=&quot;40&quot;&gt;40 px&lt;/option&gt; &lt;option value=&quot;41&quot;&gt;41 px&lt;/option&gt; &lt;option value=&quot;42&quot;&gt;42 px&lt;/option&gt; &lt;option value=&quot;43&quot;&gt;43 px&lt;/option&gt; &lt;option value=&quot;44&quot;&gt;44 px&lt;/option&gt; &lt;option value=&quot;45&quot;&gt;45 px&lt;/option&gt; &lt;option value=&quot;46&quot;&gt;46 px&lt;/option&gt; &lt;option value=&quot;47&quot;&gt;47 px&lt;/option&gt; &lt;option value=&quot;48&quot;&gt;48 px&lt;/option&gt; &lt;/optgroup&gt; &lt;/select&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-input-group-btn&quot;&gt; &lt;button data-field-store=&quot;label-bold&quot; class=&quot;sfdc-btn sfdc-btn-warning uifm-f-setoption-btn&quot; type=&quot;button&quot;&gt; &lt;i class=&quot;fa fa-bold&quot;&gt;&lt;/i&gt; &lt;input type=&quot;hidden&quot; id=&quot;uifm_fld_lbl_bold&quot; name=&quot;uifm_fld_lbl_bold&quot; value=&quot;0&quot;&gt; &lt;/button&gt; &lt;button data-field-store=&quot;label-italic&quot; class=&quot;sfdc-btn sfdc-btn-warning uifm-f-setoption-btn&quot; type=&quot;button&quot;&gt;&lt;i class=&quot;fa fa-italic&quot;&gt;&lt;/i&gt; &lt;input type=&quot;hidden&quot; id=&quot;uifm_fld_lbl_italic&quot; name=&quot;uifm_fld_lbl_italic&quot; value=&quot;0&quot;&gt; &lt;/button&gt; &lt;button data-field-store=&quot;label-underline&quot; class=&quot;sfdc-btn sfdc-btn-warning uifm-f-setoption-btn&quot; type=&quot;button&quot;&gt;&lt;i class=&quot;fa fa-underline&quot;&gt;&lt;/i&gt; &lt;input type=&quot;hidden&quot; id=&quot;uifm_fld_lbl_u&quot; name=&quot;uifm_fld_lbl_u&quot; value=&quot;0&quot;&gt; &lt;/button&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-4&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;label &gt;Text Color&lt;/label&gt; &lt;div data-field-store=&quot;label-color&quot; class=&quot;sfdc-input-group uifm-custom-color&quot;&gt; &lt;input type=&quot;text&quot; value=&quot;&quot; id=&quot;uifm_fld_lbl_color&quot; name=&quot;uifm_fld_lbl_color&quot; class=&quot;sfdc-form-control&quot; /&gt; &lt;span class=&quot;sfdc-input-group-addon&quot;&gt;&lt;i&gt;&lt;/i&gt;&lt;/span&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-sm-8&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;label &gt;Text Font&lt;/label&gt; &lt;div class=&quot;sfdc-input-group uifm-custom-font&quot;&gt; &lt;!--&lt;input type=&quot;hidden&quot; value=&quot;&quot; id=&quot;uifm_fld_lbl_font&quot; name=&quot;uifm_fld_lbl_font&quot;&gt;--&gt; &lt;select name=&quot;uifm_fld_lbl_font&quot;id=&quot;uifm_fld_lbl_font&quot;data-field-store=&quot;label-font&quot; class=&quot;sfm&quot; data-selected=&quot;{&amp;quot;family&amp;quot;:&amp;quot;Arial, Helvetica, sans-serif&amp;quot;,&amp;quot;name&amp;quot;:&amp;quot;Arial&amp;quot;,&amp;quot;classname&amp;quot;:&amp;quot;arial&amp;quot;}&quot; data-placeholder=&quot;Select a Font...&quot;&gt; &lt;option value=&quot;&quot;&gt;&lt;/option&gt; &lt;/select&gt; &lt;span class=&quot;sfdc-input-group-addon&quot;&gt; &lt;input data-field-store=&quot;label-font_st&quot; id=&quot;uifm_fld_lbl_font_st&quot; name=&quot;uifm_fld_lbl_font_st&quot; class=&quot;uifm-f-setoption-st&quot; value=&quot;1&quot; type=&quot;checkbox&quot;&gt; &lt;/span&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;label &gt;Text Shadow&lt;/label&gt; &lt;div class=&quot;&quot;&gt; &lt;div class=&quot;sfdc-col-md-3&quot;&gt; &lt;input class=&quot;switch-field&quot; data-field-store=&quot;label-shadow_st&quot; id=&quot;uifm_fld_lbl_sha_st&quot; name=&quot;uifm_fld_lbl_sha_st&quot; type=&quot;checkbox&quot;/&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-md-9&quot;&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-3&quot;&gt; &lt;label &gt;Color&lt;/label&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-sm-9&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;div data-field-store=&quot;label-shadow_color&quot; class=&quot;sfdc-input-group uifm-custom-color&quot;&gt; &lt;span class=&quot;sfdc-input-group-addon&quot;&gt;&lt;i&gt;&lt;/i&gt;&lt;/span&gt; &lt;input placeholder=&quot;Pick the color&quot; type=&quot;text&quot; value=&quot;&quot; id=&quot;uifm_fld_lbl_sha_co&quot; name=&quot;uifm_fld_lbl_sha_co&quot; class=&quot;sfdc-form-control&quot; /&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;space20&quot;&gt;&lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-3&quot;&gt; &lt;label &gt;horizontal&lt;/label&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-sm-9&quot;&gt; &lt;input type=&quot;text&quot; data-field-store=&quot;label-shadow_x&quot; id=&quot;uifm_fld_lbl_sha_x&quot; name=&quot;uifm_fld_lbl_sha_x&quot; data-slider-step=&quot;1&quot; data-slider-max=&quot;30&quot; data-slider-min=&quot;0&quot; data-slider-id=&quot;&quot; class=&quot;uiform-opt-slider&quot;&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;space20&quot;&gt;&lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-3&quot;&gt; &lt;label &gt;vertical&lt;/label&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-sm-9&quot;&gt; &lt;input type=&quot;text&quot; data-field-store=&quot;label-shadow_y&quot; style=&quot;width:100%;&quot; id=&quot;uifm_fld_lbl_sha_y&quot; name=&quot;uifm_fld_lbl_sha_y&quot; data-slider-step=&quot;1&quot; data-slider-max=&quot;30&quot; data-slider-min=&quot;0&quot; data-slider-id=&quot;&quot; class=&quot;uiform-opt-slider&quot;&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;space20&quot;&gt;&lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-3&quot;&gt; &lt;label &gt;blur&lt;/label&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-sm-9&quot;&gt; &lt;input type=&quot;text&quot; data-field-store=&quot;label-shadow_blur&quot; style=&quot;width:100%;&quot; id=&quot;uifm_fld_lbl_sha_blur&quot; name=&quot;uifm_fld_lbl_sha_blur&quot; data-slider-step=&quot;1&quot; data-slider-max=&quot;30&quot; data-slider-min=&quot;0&quot; data-slider-id=&quot;&quot; class=&quot;uiform-opt-slider&quot;&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;uifm-set-section-sublabel&quot;&gt; &lt;div class=&quot;space20&quot;&gt;&lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;div class=&quot;divider2&quot;&gt; &lt;div class=&quot;mask&quot;&gt;&lt;/div&gt; &lt;span&gt;&lt;i&gt;Sub label&lt;/i&gt;&lt;/span&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-sm-12&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;label for=&quot;uifm_fld_lbl_txt&quot;&gt;Sublabel text&lt;/label&gt; &lt;div class=&quot;sfdc-input-group&quot;&gt; &lt;div class=&quot;uifm-set-section-label-sublbltxt&quot;&gt; &lt;input type=&quot;text&quot; data-field-store=&quot;sublabel-text&quot; id=&quot;uifm_fld_sublbl_txt&quot; name=&quot;uifm_fld_sublbl_txt&quot; class=&quot;sfdc-form-control uifm-f-setoption&quot;&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-input-group-btn&quot; &gt; &lt;select data-field-store=&quot;sublabel-size&quot; id=&quot;uifm_fld_sublbl_size&quot; name=&quot;uifm_fld_sublbl_size&quot; data-live-search=&quot;true&quot; data-width=&quot;80px&quot; data-style=&quot;sfdc-btn-primary&quot; class=&quot;uifm_field_font_selectpicker uifm-f-setoption-font&quot;&gt; &lt;optgroup label=&quot;Font size&quot; data-max-options=&quot;2&quot;&gt; &lt;option value=&quot;8&quot;&gt;8 px&lt;/option&gt; &lt;option value=&quot;9&quot;&gt;9 px&lt;/option&gt; &lt;option value=&quot;10&quot;&gt;10 px&lt;/option&gt; &lt;option value=&quot;11&quot;&gt;11 px&lt;/option&gt; &lt;option value=&quot;12&quot;&gt;12 px&lt;/option&gt; &lt;option value=&quot;13&quot;&gt;13 px&lt;/option&gt; &lt;option value=&quot;14&quot;&gt;14 px&lt;/option&gt; &lt;option value=&quot;15&quot;&gt;15 px&lt;/option&gt; &lt;option value=&quot;16&quot;&gt;16 px&lt;/option&gt; &lt;option value=&quot;17&quot;&gt;17 px&lt;/option&gt; &lt;option value=&quot;18&quot;&gt;18 px&lt;/option&gt; &lt;option value=&quot;19&quot;&gt;19 px&lt;/option&gt; &lt;option value=&quot;20&quot;&gt;20 px&lt;/option&gt; &lt;option value=&quot;21&quot;&gt;21 px&lt;/option&gt; &lt;option value=&quot;22&quot;&gt;22 px&lt;/option&gt; &lt;option value=&quot;23&quot;&gt;23 px&lt;/option&gt; &lt;option value=&quot;24&quot;&gt;24 px&lt;/option&gt; &lt;option value=&quot;25&quot;&gt;25 px&lt;/option&gt; &lt;option value=&quot;26&quot;&gt;26 px&lt;/option&gt; &lt;option value=&quot;27&quot;&gt;27 px&lt;/option&gt; &lt;option value=&quot;28&quot;&gt;28 px&lt;/option&gt; &lt;option value=&quot;29&quot;&gt;29 px&lt;/option&gt; &lt;option value=&quot;30&quot;&gt;30 px&lt;/option&gt; &lt;option value=&quot;31&quot;&gt;31 px&lt;/option&gt; &lt;option value=&quot;32&quot;&gt;32 px&lt;/option&gt; &lt;option value=&quot;33&quot;&gt;33 px&lt;/option&gt; &lt;option value=&quot;34&quot;&gt;34 px&lt;/option&gt; &lt;option value=&quot;35&quot;&gt;35 px&lt;/option&gt; &lt;option value=&quot;36&quot;&gt;36 px&lt;/option&gt; &lt;option value=&quot;37&quot;&gt;37 px&lt;/option&gt; &lt;option value=&quot;38&quot;&gt;38 px&lt;/option&gt; &lt;option value=&quot;39&quot;&gt;39 px&lt;/option&gt; &lt;option value=&quot;40&quot;&gt;40 px&lt;/option&gt; &lt;option value=&quot;41&quot;&gt;41 px&lt;/option&gt; &lt;option value=&quot;42&quot;&gt;42 px&lt;/option&gt; &lt;option value=&quot;43&quot;&gt;43 px&lt;/option&gt; &lt;option value=&quot;44&quot;&gt;44 px&lt;/option&gt; &lt;option value=&quot;45&quot;&gt;45 px&lt;/option&gt; &lt;option value=&quot;46&quot;&gt;46 px&lt;/option&gt; &lt;option value=&quot;47&quot;&gt;47 px&lt;/option&gt; &lt;option value=&quot;48&quot;&gt;48 px&lt;/option&gt; &lt;/optgroup&gt; &lt;/select&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-input-group-btn&quot;&gt; &lt;button data-field-store=&quot;sublabel-bold&quot; class=&quot;sfdc-btn sfdc-btn-warning uifm-f-setoption-btn&quot; type=&quot;button&quot;&gt; &lt;i class=&quot;fa fa-bold&quot;&gt;&lt;/i&gt; &lt;input type=&quot;hidden&quot; id=&quot;uifm_fld_sublbl_bold&quot; name=&quot;uifm_fld_sublbl_bold&quot; value=&quot;0&quot;&gt; &lt;/button&gt; &lt;button data-field-store=&quot;sublabel-italic&quot; class=&quot;sfdc-btn sfdc-btn-warning uifm-f-setoption-btn&quot; type=&quot;button&quot;&gt;&lt;i class=&quot;fa fa-italic&quot;&gt;&lt;/i&gt; &lt;input type=&quot;hidden&quot; id=&quot;uifm_fld_sublbl_italic&quot; name=&quot;uifm_fld_sublbl_italic&quot; value=&quot;0&quot;&gt; &lt;/button&gt; &lt;button data-field-store=&quot;sublabel-underline&quot; class=&quot;sfdc-btn sfdc-btn-warning uifm-f-setoption-btn&quot; type=&quot;button&quot;&gt;&lt;i class=&quot;fa fa-underline&quot;&gt;&lt;/i&gt; &lt;input type=&quot;hidden&quot; id=&quot;uifm_fld_sublbl_u&quot; name=&quot;uifm_fld_sublbl_u&quot; value=&quot;0&quot;&gt; &lt;/button&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-4&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;label &gt;Text Color&lt;/label&gt; &lt;div data-field-store=&quot;sublabel-color&quot; class=&quot;sfdc-input-group uifm-custom-color&quot;&gt; &lt;input type=&quot;text&quot; value=&quot;&quot; id=&quot;uifm_fld_sublbl_color&quot; name=&quot;uifm_fld_sublbl_color&quot; class=&quot;sfdc-form-control&quot; /&gt; &lt;span class=&quot;sfdc-input-group-addon&quot;&gt;&lt;i&gt;&lt;/i&gt;&lt;/span&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-sm-8&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;label &gt;Text font&lt;/label&gt; &lt;div class=&quot;sfdc-input-group uifm-custom-font&quot;&gt; &lt;select name=&quot;uifm_fld_sublbl_font&quot;id=&quot;uifm_fld_sublbl_font&quot;data-field-store=&quot;sublabel-font&quot; class=&quot;sfm&quot; data-selected=&quot;{&amp;quot;family&amp;quot;:&amp;quot;Arial, Helvetica, sans-serif&amp;quot;,&amp;quot;name&amp;quot;:&amp;quot;Arial&amp;quot;,&amp;quot;classname&amp;quot;:&amp;quot;arial&amp;quot;}&quot; data-placeholder=&quot;Select a Font...&quot;&gt; &lt;option value=&quot;&quot;&gt;&lt;/option&gt; &lt;/select&gt; &lt;span class=&quot;sfdc-input-group-addon&quot;&gt; &lt;input data-field-store=&quot;sublabel-font_st&quot; id=&quot;uifm_fld_sublbl_font_st&quot; name=&quot;uifm_fld_sublbl_font_st&quot; class=&quot;uifm-f-setoption-st&quot; value=&quot;1&quot; type=&quot;checkbox&quot;&gt; &lt;/span&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;label &gt;Text shadow&lt;/label&gt; &lt;div class=&quot;&quot;&gt; &lt;div class=&quot;sfdc-col-md-3&quot;&gt; &lt;input class=&quot;switch-field&quot; data-field-store=&quot;sublabel-shadow_st&quot; id=&quot;uifm_fld_sublbl_sha_st&quot; name=&quot;uifm_fld_sublbl_sha_st&quot; type=&quot;checkbox&quot;/&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-md-9&quot;&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-3&quot;&gt; &lt;label &gt;Color&lt;/label&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-sm-9&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;div data-field-store=&quot;sublabel-shadow_color&quot; class=&quot;sfdc-input-group uifm-custom-color&quot;&gt; &lt;span class=&quot;sfdc-input-group-addon&quot;&gt;&lt;i&gt;&lt;/i&gt;&lt;/span&gt; &lt;input placeholder=&quot;Pick the color&quot; type=&quot;text&quot; value=&quot;&quot; id=&quot;uifm_fld_sublbl_sha_co&quot; name=&quot;uifm_fld_sublbl_sha_co&quot; class=&quot;sfdc-form-control&quot; /&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-3&quot;&gt; &lt;label &gt;x&lt;/label&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-sm-9&quot;&gt; &lt;input type=&quot;text&quot; data-field-store=&quot;sublabel-shadow_x&quot; id=&quot;uifm_fld_sublbl_sha_x&quot; name=&quot;uifm_fld_sublbl_sha_x&quot; data-slider-step=&quot;1&quot; data-slider-max=&quot;30&quot; data-slider-min=&quot;0&quot; data-slider-id=&quot;&quot; class=&quot;uiform-opt-slider&quot;&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;space20&quot;&gt;&lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-3&quot;&gt; &lt;label &gt;y&lt;/label&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-sm-9&quot;&gt; &lt;input type=&quot;text&quot; data-field-store=&quot;sublabel-shadow_y&quot; style=&quot;width:100%;&quot; id=&quot;uifm_fld_sublbl_sha_y&quot; name=&quot;uifm_fld_sublbl_sha_y&quot; data-slider-step=&quot;1&quot; data-slider-max=&quot;30&quot; data-slider-min=&quot;0&quot; data-slider-id=&quot;&quot; class=&quot;uiform-opt-slider&quot;&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;space20&quot;&gt;&lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-3&quot;&gt; &lt;label &gt;blur&lt;/label&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-sm-9&quot;&gt; &lt;input type=&quot;text&quot; data-field-store=&quot;sublabel-shadow_blur&quot; style=&quot;width:100%;&quot; id=&quot;uifm_fld_sublbl_sha_blur&quot; name=&quot;uifm_fld_sublbl_sha_blur&quot; data-slider-step=&quot;1&quot; data-slider-max=&quot;30&quot; data-slider-min=&quot;0&quot; data-slider-id=&quot;&quot; class=&quot;uiform-opt-slider&quot;&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;uifm-set-section-blocktxt&quot;&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;div class=&quot;divider2&quot;&gt; &lt;div class=&quot;mask&quot;&gt;&lt;/div&gt; &lt;span&gt;&lt;i&gt;Text Block&lt;/i&gt;&lt;/span&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-row&quot; id=&quot;uifm_fld_lbl_blo_pos_opts&quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;label &gt;Block position&lt;/label&gt; &lt;div class=&quot;sfdc-controls sfdc-form-group&quot;&gt; &lt;div class=&quot;sfdc-btn-group sfdc-btn-group-justified&quot; data-toggle=&quot;buttons&quot;&gt; &lt;label data-field-store=&quot;txt_block-block_pos&quot; data-toggle-enable=&quot;sfdc-btn-primary&quot; data-toggle-disable=&quot;sfdc-btn-primary&quot; data-settings-option=&quot;group-radiobutton&quot; class=&quot;sfdc-btn sfdc-btn-primary uifm-f-setoption-btn&quot; &gt; &lt;input type=&quot;radio&quot; id=&quot;uifm_fld_lbl_blo_pos_1&quot; name=&quot;uifm_fld_lbl_blo_pos&quot; value=&quot;0&quot;&gt; &lt;i class=&quot;fa fa-hand-o-left&quot;&gt;&lt;/i&gt;Left &lt;/label&gt; &lt;label data-field-store=&quot;txt_block-block_pos&quot; data-toggle-enable=&quot;sfdc-btn-primary&quot; data-toggle-disable=&quot;sfdc-btn-primary&quot; data-settings-option=&quot;group-radiobutton&quot; class=&quot;sfdc-btn sfdc-btn-primary uifm-f-setoption-btn&quot; &gt; &lt;input type=&quot;radio&quot; id=&quot;uifm_fld_lbl_blo_pos_2&quot; name=&quot;uifm_fld_lbl_blo_pos&quot; value=&quot;1&quot;&gt; &lt;i class=&quot;fa fa-hand-o-up&quot;&gt;&lt;/i&gt;Top &lt;/label&gt; &lt;label data-field-store=&quot;txt_block-block_pos&quot; data-toggle-enable=&quot;sfdc-btn-primary&quot; data-toggle-disable=&quot;sfdc-btn-primary&quot; data-settings-option=&quot;group-radiobutton&quot; class=&quot;sfdc-btn sfdc-btn-primary uifm-f-setoption-btn&quot; &gt; &lt;input type=&quot;radio&quot; id=&quot;uifm_fld_lbl_blo_pos_3&quot; name=&quot;uifm_fld_lbl_blo_pos&quot; value=&quot;2&quot;&gt; &lt;i class=&quot;fa fa-hand-o-right&quot;&gt;&lt;/i&gt;Right &lt;/label&gt; &lt;label data-field-store=&quot;txt_block-block_pos&quot; data-toggle-enable=&quot;sfdc-btn-primary&quot; data-toggle-disable=&quot;sfdc-btn-primary&quot; data-settings-option=&quot;group-radiobutton&quot; class=&quot;sfdc-btn sfdc-btn-primary uifm-f-setoption-btn&quot; &gt; &lt;input type=&quot;radio&quot; id=&quot;uifm_fld_lbl_blo_pos_4&quot; name=&quot;uifm_fld_lbl_blo_pos&quot; value=&quot;3&quot;&gt; &lt;i class=&quot;fa fa-hand-o-down&quot;&gt;&lt;/i&gt;Bottom &lt;/label&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div id=&quot;uifm_fld_lbl_glay_container&quot; style=&quot;display:none&quot; class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;label &gt;Grid layout of label block when is on left or right position&lt;/label&gt; &lt;div class=&quot;sfdc-controls sfdc-form-group&quot;&gt; &lt;div class=&quot;sfdc-btn-group sfdc-btn-group-justified&quot; data-toggle=&quot;buttons&quot;&gt; &lt;label data-field-store=&quot;txt_block-grid_layout&quot; data-toggle-enable=&quot;sfdc-btn-warning&quot; data-toggle-disable=&quot;sfdc-btn-warning&quot; data-settings-option=&quot;group-radiobutton&quot; class=&quot;sfdc-btn sfdc-btn-warning uifm-f-setoption-btn&quot; &gt; &lt;input type=&quot;radio&quot; id=&quot;uifm_fld_lbl_glay_pos_1&quot; name=&quot;uifm_fld_lbl_glay_pos&quot; value=&quot;1&quot;&gt; 1|11 &lt;/label&gt; &lt;label data-field-store=&quot;txt_block-grid_layout&quot; data-toggle-enable=&quot;sfdc-btn-warning&quot; data-toggle-disable=&quot;sfdc-btn-warning&quot; data-settings-option=&quot;group-radiobutton&quot; class=&quot;sfdc-btn sfdc-btn-warning uifm-f-setoption-btn&quot; &gt; &lt;input type=&quot;radio&quot; id=&quot;uifm_fld_lbl_glay_pos_2&quot; name=&quot;uifm_fld_lbl_glay_pos&quot; value=&quot;2&quot;&gt; 2|10 &lt;/label&gt; &lt;label data-field-store=&quot;txt_block-grid_layout&quot; data-toggle-enable=&quot;sfdc-btn-warning&quot; data-toggle-disable=&quot;sfdc-btn-warning&quot; data-settings-option=&quot;group-radiobutton&quot; class=&quot;sfdc-btn sfdc-btn-warning uifm-f-setoption-btn&quot; &gt; &lt;input type=&quot;radio&quot; id=&quot;uifm_fld_lbl_glay_pos_3&quot; name=&quot;uifm_fld_lbl_glay_pos&quot; value=&quot;3&quot;&gt; 3|9 &lt;/label&gt; &lt;label data-field-store=&quot;txt_block-grid_layout&quot; data-toggle-enable=&quot;sfdc-btn-warning&quot; data-toggle-disable=&quot;sfdc-btn-warning&quot; data-settings-option=&quot;group-radiobutton&quot; class=&quot;sfdc-btn sfdc-btn-warning uifm-f-setoption-btn&quot; &gt; &lt;input type=&quot;radio&quot; id=&quot;uifm_fld_lbl_glay_pos_4&quot; name=&quot;uifm_fld_lbl_glay_pos&quot; value=&quot;4&quot;&gt; 4|8 &lt;/label&gt; &lt;label data-field-store=&quot;txt_block-grid_layout&quot; data-toggle-enable=&quot;sfdc-btn-warning&quot; data-toggle-disable=&quot;sfdc-btn-warning&quot; data-settings-option=&quot;group-radiobutton&quot; class=&quot;sfdc-btn sfdc-btn-warning uifm-f-setoption-btn&quot; &gt; &lt;input type=&quot;radio&quot; id=&quot;uifm_fld_lbl_glay_pos_5&quot; name=&quot;uifm_fld_lbl_glay_pos&quot; value=&quot;5&quot;&gt; 5|7 &lt;/label&gt; &lt;label data-field-store=&quot;txt_block-grid_layout&quot; data-toggle-enable=&quot;sfdc-btn-warning&quot; data-toggle-disable=&quot;sfdc-btn-warning&quot; data-settings-option=&quot;group-radiobutton&quot; class=&quot;sfdc-btn sfdc-btn-warning uifm-f-setoption-btn&quot; &gt; &lt;input type=&quot;radio&quot; id=&quot;uifm_fld_lbl_glay_pos_6&quot; name=&quot;uifm_fld_lbl_glay_pos&quot; value=&quot;6&quot;&gt; 6|6 &lt;/label&gt; &lt;label data-field-store=&quot;txt_block-grid_layout&quot; data-toggle-enable=&quot;sfdc-btn-warning&quot; data-toggle-disable=&quot;sfdc-btn-warning&quot; data-settings-option=&quot;group-radiobutton&quot; class=&quot;sfdc-btn sfdc-btn-warning uifm-f-setoption-btn&quot; &gt; &lt;input type=&quot;radio&quot; id=&quot;uifm_fld_lbl_glay_pos_7&quot; name=&quot;uifm_fld_lbl_glay_pos&quot; value=&quot;7&quot;&gt; 7|5 &lt;/label&gt; &lt;label data-field-store=&quot;txt_block-grid_layout&quot; data-toggle-enable=&quot;sfdc-btn-warning&quot; data-toggle-disable=&quot;sfdc-btn-warning&quot; data-settings-option=&quot;group-radiobutton&quot; class=&quot;sfdc-btn sfdc-btn-warning uifm-f-setoption-btn&quot; &gt; &lt;input type=&quot;radio&quot; id=&quot;uifm_fld_lbl_glay_pos_8&quot; name=&quot;uifm_fld_lbl_glay_pos&quot; value=&quot;8&quot;&gt; 8|4 &lt;/label&gt; &lt;label data-field-store=&quot;txt_block-grid_layout&quot; data-toggle-enable=&quot;sfdc-btn-warning&quot; data-toggle-disable=&quot;sfdc-btn-warning&quot; data-settings-option=&quot;group-radiobutton&quot; class=&quot;sfdc-btn sfdc-btn-warning uifm-f-setoption-btn&quot; &gt; &lt;input type=&quot;radio&quot; id=&quot;uifm_fld_lbl_glay_pos_9&quot; name=&quot;uifm_fld_lbl_glay_pos&quot; value=&quot;9&quot;&gt; 9|3 &lt;/label&gt; &lt;label data-field-store=&quot;txt_block-grid_layout&quot; data-toggle-enable=&quot;sfdc-btn-warning&quot; data-toggle-disable=&quot;sfdc-btn-warning&quot; data-settings-option=&quot;group-radiobutton&quot; class=&quot;sfdc-btn sfdc-btn-warning uifm-f-setoption-btn&quot; &gt; &lt;input type=&quot;radio&quot; id=&quot;uifm_fld_lbl_glay_pos_10&quot; name=&quot;uifm_fld_lbl_glay_pos&quot; value=&quot;10&quot;&gt; 10|2 &lt;/label&gt; &lt;label data-field-store=&quot;txt_block-grid_layout&quot; data-toggle-enable=&quot;sfdc-btn-warning&quot; data-toggle-disable=&quot;sfdc-btn-warning&quot; data-settings-option=&quot;group-radiobutton&quot; class=&quot;sfdc-btn sfdc-btn-warning uifm-f-setoption-btn&quot; &gt; &lt;input type=&quot;radio&quot; id=&quot;uifm_fld_lbl_glay_pos_11&quot; name=&quot;uifm_fld_lbl_glay_pos&quot; value=&quot;11&quot;&gt; 11|1 &lt;/label&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;label &gt;Show Block&lt;/label&gt; &lt;div class=&quot;sfdc-controls sfdc-form-group&quot;&gt; &lt;input class=&quot;switch-field&quot; data-field-store=&quot;txt_block-block_st&quot; name=&quot;uifm_fld_lbl_block_st&quot; id=&quot;uifm_fld_lbl_block_st&quot; type=&quot;checkbox&quot; checked/&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;label &gt;Block alignment&lt;/label&gt; &lt;div class=&quot;sfdc-controls sfdc-form-group&quot;&gt; &lt;div class=&quot;sfdc-btn-group sfdc-btn-group-justified&quot; data-toggle=&quot;buttons&quot;&gt; &lt;label data-field-store=&quot;txt_block-block_align&quot; data-toggle-enable=&quot;sfdc-btn-success&quot; data-toggle-disable=&quot;sfdc-btn-success&quot; data-settings-option=&quot;group-radiobutton&quot; class=&quot;sfdc-btn sfdc-btn-success uifm-f-setoption-btn&quot; &gt; &lt;input type=&quot;radio&quot; id=&quot;uifm_fld_lbl_blo_align_1&quot; name=&quot;uifm_fld_lbl_blo_align&quot; value=&quot;0&quot;&gt; &lt;i class=&quot;fa fa-align-left&quot;&gt;&lt;/i&gt; Left &lt;/label&gt; &lt;label data-field-store=&quot;txt_block-block_align&quot; data-toggle-enable=&quot;sfdc-btn-success&quot; data-toggle-disable=&quot;sfdc-btn-success&quot; data-settings-option=&quot;group-radiobutton&quot; class=&quot;sfdc-btn sfdc-btn-success uifm-f-setoption-btn&quot; &gt; &lt;input type=&quot;radio&quot; id=&quot;uifm_fld_lbl_blo_align_2&quot; name=&quot;uifm_fld_lbl_blo_align&quot; value=&quot;1&quot;&gt; &lt;i class=&quot;fa fa-align-center&quot;&gt;&lt;/i&gt; Center &lt;/label&gt; &lt;label data-field-store=&quot;txt_block-block_align&quot; data-toggle-enable=&quot;sfdc-btn-success&quot; data-toggle-disable=&quot;sfdc-btn-success&quot; data-settings-option=&quot;group-radiobutton&quot; class=&quot;sfdc-btn sfdc-btn-success uifm-f-setoption-btn&quot; &gt; &lt;input type=&quot;radio&quot; id=&quot;uifm_fld_lbl_blo_align_3&quot; name=&quot;uifm_fld_lbl_blo_align&quot; value=&quot;2&quot;&gt; &lt;i class=&quot;fa fa-align-right&quot;&gt;&lt;/i&gt; Right &lt;/label&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;script type=&quot;text/javascript&quot;&gt; jQuery(function($) { $(&quot;#uifm_fld_lbl_blo_pos_opts label&quot;).on(&quot;click&quot;, function(){ let tmp_val=$(this).find(&#039;input&#039;).attr(&#039;value&#039;); $(&#039;#uifm_fld_lbl_glay_container&#039;).hide(); switch(parseInt(tmp_val)){ case 1: break; case 2: $(&#039;#uifm_fld_lbl_glay_container&#039;).show(); break; case 3: break; case 0: default: $(&#039;#uifm_fld_lbl_glay_container&#039;).show(); break; } }); }); &lt;/script&gt; &lt;!--\end container --&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-tab-pane uifm-tab-fld-input&quot; id=&quot;uiform-settings-tab-2&quot;&gt; &lt;div class=&quot;uiform-tab-content scroll-pane-arrows&quot;&gt; &lt;div class=&quot;uiform-tab-content-inner&quot;&gt; &lt;!--container --&gt; &lt;div class=&quot;uiform-set-field-wrap&quot; id=&quot;uiform-set-field-input-panel&quot;&gt; &lt;!--container for text box, textarea ,.. --&gt; &lt;div class=&quot;uifm-set-section-input-wizard-options&quot;&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;div class=&quot;divider2&quot;&gt; &lt;div class=&quot;mask&quot;&gt;&lt;/div&gt; &lt;span&gt;&lt;i&gt;Navigation&lt;/i&gt;&lt;/span&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;space10&quot;&gt;&lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-3&quot;&gt; &lt;label&gt;Choose Action &lt;/label&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-md-9&quot;&gt; &lt;select id=&quot;zgfm-f-input-wizard-orientation&quot; class=&quot;sfdc-form-select uifm-f-setoption zgfm-f-input-level-select&quot; data-field-store=&quot;input-ms_action&quot; &gt; &lt;option value=&quot;next&quot;&gt;Next&lt;/option&gt; &lt;option value=&quot;previous&quot;&gt;Previous&lt;/option&gt; &lt;/select&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;space10&quot;&gt;&lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;uifm-set-section-inputheading&quot;&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;div class=&quot;divider2&quot;&gt; &lt;div class=&quot;mask&quot;&gt;&lt;/div&gt; &lt;span&gt;&lt;i&gt;Level&lt;/i&gt;&lt;/span&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;space10&quot;&gt;&lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-3&quot;&gt; &lt;label&gt;Choose Level&lt;/label&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-md-9&quot;&gt; &lt;select id=&quot;zgfm-f-input-level-selectel&quot; class=&quot;sfdc-form-select uifm-f-setoption zgfm-f-input-level-select&quot; data-field-store=&quot;input-levels&quot; &gt; &lt;option value=&quot;1&quot;&gt;Heading 1&lt;/option&gt; &lt;option value=&quot;2&quot;&gt;Heading 2&lt;/option&gt; &lt;option value=&quot;3&quot;&gt;Heading 3&lt;/option&gt; &lt;option value=&quot;4&quot;&gt;Heading 4&lt;/option&gt; &lt;option value=&quot;5&quot;&gt;Heading 5&lt;/option&gt; &lt;option value=&quot;6&quot;&gt;Heading 6&lt;/option&gt; &lt;/select&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;space10&quot;&gt;&lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;uifm-set-section-inputprepend&quot;&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;div class=&quot;divider2&quot;&gt; &lt;div class=&quot;mask&quot;&gt;&lt;/div&gt; &lt;span&gt;&lt;i&gt;Prepend&lt;/i&gt;&lt;/span&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;space10&quot;&gt;&lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-4&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;div class=&quot;sfdc-input-group&quot;&gt; &lt;input type=&quot;text&quot; id=&quot;uifm_fld_input_prep_ed&quot; placeholder=&quot;Text&quot; class=&quot;sfdc-form-control&quot;&gt; &lt;div class=&quot;sfdc-input-group-btn&quot;&gt; &lt;button data-source-txt=&quot;uifm_fld_input_prep_ed&quot; data-option=&quot;1&quot; data-pos=&quot;1&quot; data-field-store=&quot;input-prepe_txt&quot; onclick=&quot;rocketform.inputsettings_addingPrepAppe(this);&quot; class=&quot;sfdc-btn sfdc-btn-warning&quot; type=&quot;button&quot;&gt;&lt;i class=&quot;fa fa-plus-square&quot;&gt;&lt;/i&gt; Add &lt;/button&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-md-4&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;div class=&quot;sfdc-input-group&quot;&gt; &lt;button class=&quot;sfdc-btn sfdc-btn-default&quot; data-iconset=&quot;glyphicon&quot; data-placement=&quot;left&quot; data-icon=&quot;glyphicon-asterisk&quot; id=&quot;uifm_fld_input_prep_icon1&quot; role=&quot;iconpicker&quot;&gt; &lt;/button&gt; &lt;div class=&quot;sfdc-input-group-btn&quot;&gt; &lt;button data-source-txt=&quot;uifm_fld_input_prep_icon1&quot; data-option=&quot;2&quot; data-pos=&quot;1&quot; data-field-store=&quot;input-prepe_txt&quot; onclick=&quot;rocketform.inputsettings_addingPrepAppe(this);&quot; class=&quot;sfdc-btn sfdc-btn-warning&quot; type=&quot;button&quot;&gt;&lt;i class=&quot;fa fa-plus-square&quot;&gt;&lt;/i&gt; Add &lt;/button&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-md-4&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;div class=&quot;sfdc-input-group&quot;&gt; &lt;button class=&quot;sfdc-btn sfdc-btn-default&quot; data-placement=&quot;left&quot; data-iconset=&quot;fontawesome&quot; id=&quot;uifm_fld_input_prep_icon2&quot; role=&quot;iconpicker&quot;&gt; &lt;/button&gt; &lt;div class=&quot;sfdc-input-group-btn&quot;&gt; &lt;button data-source-txt=&quot;uifm_fld_input_prep_icon2&quot; data-option=&quot;3&quot; data-pos=&quot;1&quot; data-field-store=&quot;input-prepe_txt&quot; onclick=&quot;rocketform.inputsettings_addingPrepAppe(this);&quot; class=&quot;sfdc-btn sfdc-btn-warning&quot; type=&quot;button&quot;&gt;&lt;i class=&quot;fa fa-plus-square&quot;&gt;&lt;/i&gt; Add &lt;/button&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;center&gt; &lt;div id=&quot;uifm_fld_input_prep_preview&quot;&gt;@&lt;/div&gt; &lt;button data-source-txt=&quot;uifm_fld_input_prep_preview&quot; data-option=&quot;4&quot; data-pos=&quot;1&quot; data-field-store=&quot;input-prepe_txt&quot; onclick=&quot;rocketform.inputsettings_addingPrepAppe(this);&quot; class=&quot;sfdc-btn sfdc-btn-sm sfdc-btn-danger&quot;&gt; &lt;i class=&quot;fa fa-trash-o&quot;&gt;&lt;/i&gt; Clean&lt;/button&gt; &lt;/center&gt; &lt;input type=&quot;hidden&quot; id=&quot;uifm_fld_input_prep&quot; value=&quot;&quot;&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;uifm-set-section-inputappend&quot;&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;div class=&quot;divider2&quot;&gt; &lt;div class=&quot;mask&quot;&gt;&lt;/div&gt; &lt;span&gt;&lt;i&gt;Append&lt;/i&gt;&lt;/span&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;space10&quot;&gt;&lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-4&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;div class=&quot;sfdc-input-group&quot;&gt; &lt;input type=&quot;text&quot; id=&quot;uifm_fld_input_appe_ed&quot; placeholder=&quot;Text&quot; class=&quot;sfdc-form-control&quot;&gt; &lt;div class=&quot;sfdc-input-group-btn&quot;&gt; &lt;button data-source-txt=&quot;uifm_fld_input_appe_ed&quot; data-option=&quot;1&quot; data-pos=&quot;2&quot; data-field-store=&quot;input-append_txt&quot; onclick=&quot;rocketform.inputsettings_addingPrepAppe(this);&quot; class=&quot;sfdc-btn sfdc-btn-warning&quot; type=&quot;button&quot;&gt;&lt;i class=&quot;fa fa-plus-square&quot;&gt;&lt;/i&gt; Add &lt;/button&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-md-4&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;div class=&quot;sfdc-input-group&quot;&gt; &lt;button class=&quot;sfdc-btn sfdc-btn-default&quot; data-iconset=&quot;glyphicon&quot; data-placement=&quot;left&quot; data-icon=&quot;glyphicon-asterisk&quot; id=&quot;uifm_fld_input_appe_icon1&quot; role=&quot;iconpicker&quot;&gt; &lt;/button&gt; &lt;div class=&quot;sfdc-input-group-btn&quot;&gt; &lt;button data-source-txt=&quot;uifm_fld_input_appe_icon1&quot; data-option=&quot;2&quot; data-pos=&quot;2&quot; data-field-store=&quot;input-append_txt&quot; onclick=&quot;rocketform.inputsettings_addingPrepAppe(this);&quot; class=&quot;sfdc-btn sfdc-btn-warning&quot; type=&quot;button&quot;&gt;&lt;i class=&quot;fa fa-plus-square&quot;&gt;&lt;/i&gt; Add &lt;/button&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-md-4&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;div class=&quot;sfdc-input-group&quot;&gt; &lt;button class=&quot;sfdc-btn sfdc-btn-default&quot; data-placement=&quot;left&quot; data-iconset=&quot;fontawesome&quot; id=&quot;uifm_fld_input_appe_icon2&quot; role=&quot;iconpicker&quot;&gt; &lt;/button&gt; &lt;div class=&quot;sfdc-input-group-btn&quot;&gt; &lt;button data-source-txt=&quot;uifm_fld_input_appe_icon2&quot; data-option=&quot;3&quot; data-pos=&quot;2&quot; data-field-store=&quot;input-append_txt&quot; onclick=&quot;rocketform.inputsettings_addingPrepAppe(this);&quot; class=&quot;sfdc-btn sfdc-btn-warning&quot; type=&quot;button&quot;&gt;&lt;i class=&quot;fa fa-plus-square&quot;&gt;&lt;/i&gt; Add &lt;/button&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;center&gt; &lt;div id=&quot;uifm_fld_input_appe_preview&quot;&gt;@&lt;/div&gt; &lt;button data-source-txt=&quot;uifm_fld_input_appe_preview&quot; data-option=&quot;4&quot; data-pos=&quot;2&quot; data-field-store=&quot;input-append_txt&quot; onclick=&quot;rocketform.inputsettings_addingPrepAppe(this);&quot; class=&quot;sfdc-btn sfdc-btn-sm sfdc-btn-danger&quot;&gt; &lt;i class=&quot;fa fa-trash-o&quot;&gt;&lt;/i&gt; Clean&lt;/button&gt; &lt;/center&gt; &lt;input type=&quot;hidden&quot; id=&quot;uifm_fld_input_prep&quot; value=&quot;&quot;&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;uifm-set-section-inputtextbox&quot;&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;div class=&quot;divider2&quot;&gt; &lt;div class=&quot;mask&quot;&gt;&lt;/div&gt; &lt;span&gt;&lt;i&gt;Input&lt;/i&gt;&lt;/span&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-sm-12&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;label for=&quot;uifm_fld_lbl_txt&quot;&gt;Text&lt;/label&gt; &lt;div class=&quot;sfdc-input-group&quot;&gt; &lt;div class=&quot;uifm-set-section-input1-txtvalue&quot;&gt; &lt;input type=&quot;text&quot; data-field-store=&quot;input-value&quot; id=&quot;uifm_fld_input_value&quot; name=&quot;uifm_fld_inp_value&quot; class=&quot;sfdc-form-control uifm-f-setoption&quot;&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-input-group-btn&quot;&gt; &lt;select data-field-store=&quot;input-size&quot; id=&quot;uifm_fld_inp_size&quot; name=&quot;uifm_fld_inp_size&quot; data-live-search=&quot;true&quot; data-style=&quot;sfdc-btn-primary&quot; data-width=&quot;80px&quot; class=&quot;uifm_field_font_selectpicker uifm-f-setoption-font&quot;&gt; &lt;optgroup label=&quot;Font size&quot; data-max-options=&quot;2&quot;&gt; &lt;option value=&quot;8&quot;&gt;8 px&lt;/option&gt; &lt;option value=&quot;9&quot;&gt;9 px&lt;/option&gt; &lt;option value=&quot;10&quot;&gt;10 px&lt;/option&gt; &lt;option value=&quot;11&quot;&gt;11 px&lt;/option&gt; &lt;option value=&quot;12&quot;&gt;12 px&lt;/option&gt; &lt;option value=&quot;13&quot;&gt;13 px&lt;/option&gt; &lt;option value=&quot;14&quot;&gt;14 px&lt;/option&gt; &lt;option value=&quot;15&quot;&gt;15 px&lt;/option&gt; &lt;option value=&quot;16&quot;&gt;16 px&lt;/option&gt; &lt;option value=&quot;17&quot;&gt;17 px&lt;/option&gt; &lt;option value=&quot;18&quot;&gt;18 px&lt;/option&gt; &lt;option value=&quot;19&quot;&gt;19 px&lt;/option&gt; &lt;option value=&quot;20&quot;&gt;20 px&lt;/option&gt; &lt;option value=&quot;21&quot;&gt;21 px&lt;/option&gt; &lt;option value=&quot;22&quot;&gt;22 px&lt;/option&gt; &lt;option value=&quot;23&quot;&gt;23 px&lt;/option&gt; &lt;option value=&quot;24&quot;&gt;24 px&lt;/option&gt; &lt;option value=&quot;25&quot;&gt;25 px&lt;/option&gt; &lt;option value=&quot;26&quot;&gt;26 px&lt;/option&gt; &lt;option value=&quot;27&quot;&gt;27 px&lt;/option&gt; &lt;option value=&quot;28&quot;&gt;28 px&lt;/option&gt; &lt;option value=&quot;29&quot;&gt;29 px&lt;/option&gt; &lt;option value=&quot;30&quot;&gt;30 px&lt;/option&gt; &lt;option value=&quot;31&quot;&gt;31 px&lt;/option&gt; &lt;option value=&quot;32&quot;&gt;32 px&lt;/option&gt; &lt;option value=&quot;33&quot;&gt;33 px&lt;/option&gt; &lt;option value=&quot;34&quot;&gt;34 px&lt;/option&gt; &lt;option value=&quot;35&quot;&gt;35 px&lt;/option&gt; &lt;option value=&quot;36&quot;&gt;36 px&lt;/option&gt; &lt;option value=&quot;37&quot;&gt;37 px&lt;/option&gt; &lt;option value=&quot;38&quot;&gt;38 px&lt;/option&gt; &lt;option value=&quot;39&quot;&gt;39 px&lt;/option&gt; &lt;option value=&quot;40&quot;&gt;40 px&lt;/option&gt; &lt;option value=&quot;41&quot;&gt;41 px&lt;/option&gt; &lt;option value=&quot;42&quot;&gt;42 px&lt;/option&gt; &lt;option value=&quot;43&quot;&gt;43 px&lt;/option&gt; &lt;option value=&quot;44&quot;&gt;44 px&lt;/option&gt; &lt;option value=&quot;45&quot;&gt;45 px&lt;/option&gt; &lt;option value=&quot;46&quot;&gt;46 px&lt;/option&gt; &lt;option value=&quot;47&quot;&gt;47 px&lt;/option&gt; &lt;option value=&quot;48&quot;&gt;48 px&lt;/option&gt; &lt;/optgroup&gt; &lt;/select&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-input-group-btn&quot;&gt; &lt;button data-field-store=&quot;input-bold&quot; class=&quot;sfdc-btn sfdc-btn-warning uifm-f-setoption-btn&quot; type=&quot;button&quot;&gt; &lt;i class=&quot;fa fa-bold&quot;&gt;&lt;/i&gt; &lt;input type=&quot;hidden&quot; id=&quot;uifm_fld_inp_bold&quot; name=&quot;uifm_fld_inp_bold&quot; value=&quot;0&quot;&gt; &lt;/button&gt; &lt;button data-field-store=&quot;input-italic&quot; class=&quot;sfdc-btn sfdc-btn-warning uifm-f-setoption-btn&quot; type=&quot;button&quot;&gt;&lt;i class=&quot;fa fa-italic&quot;&gt;&lt;/i&gt; &lt;input type=&quot;hidden&quot; id=&quot;uifm_fld_inp_italic&quot; name=&quot;uifm_fld_inp_italic&quot; value=&quot;0&quot;&gt; &lt;/button&gt; &lt;button data-field-store=&quot;input-underline&quot; class=&quot;sfdc-btn sfdc-btn-warning uifm-f-setoption-btn&quot; type=&quot;button&quot;&gt;&lt;i class=&quot;fa fa-underline&quot;&gt;&lt;/i&gt; &lt;input type=&quot;hidden&quot; id=&quot;uifm_fld_inp_u&quot; name=&quot;uifm_fld_inp_u&quot; value=&quot;0&quot;&gt; &lt;/button&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;uifm-set-section-input-placeh&quot;&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-sm-12&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;label for=&quot;uifm_fld_inp_pholdr&quot;&gt;Place holder&lt;/label&gt; &lt;input data-field-store=&quot;input-placeholder&quot; type=&quot;text&quot; id=&quot;uifm_fld_inp_pholdr&quot; name=&quot;uifm_fld_inp_pholdr&quot; placeholder=&quot;&quot; class=&quot;sfdc-form-control uifm-f-setoption&quot;&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-4&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;label &gt;Color&lt;/label&gt; &lt;div data-field-store=&quot;input-color&quot; class=&quot;sfdc-input-group uifm-custom-color&quot;&gt; &lt;input type=&quot;text&quot; value=&quot;&quot; id=&quot;uifm_fld_inp_color&quot; name=&quot;uifm_fld_inp_color&quot; class=&quot;sfdc-form-control&quot; /&gt; &lt;span class=&quot;sfdc-input-group-addon&quot;&gt;&lt;i&gt;&lt;/i&gt;&lt;/span&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-sm-8&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;label &gt;Font family&lt;/label&gt; &lt;div class=&quot;sfdc-input-group uifm-custom-font&quot;&gt; &lt;select name=&quot;uifm_fld_inp_font&quot;id=&quot;uifm_fld_inp_font&quot;data-field-store=&quot;input-font&quot; class=&quot;sfm&quot; data-selected=&quot;{&amp;quot;family&amp;quot;:&amp;quot;Arial, Helvetica, sans-serif&amp;quot;,&amp;quot;name&amp;quot;:&amp;quot;Arial&amp;quot;,&amp;quot;classname&amp;quot;:&amp;quot;arial&amp;quot;}&quot; data-placeholder=&quot;Select a Font...&quot;&gt; &lt;option value=&quot;&quot;&gt;&lt;/option&gt; &lt;/select&gt; &lt;span class=&quot;sfdc-input-group-addon&quot;&gt; &lt;input data-field-store=&quot;input-font_st&quot; id=&quot;uifm_fld_inp_font_st&quot; name=&quot;uifm_fld_inp_font_st&quot; class=&quot;uifm-f-setoption-st&quot; value=&quot;1&quot; type=&quot;checkbox&quot;&gt; &lt;/span&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;uifm-set-section-input-valign&quot;&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;label &gt;Input value alignment&lt;/label&gt; &lt;div class=&quot;sfdc-controls sfdc-form-group&quot;&gt; &lt;div class=&quot;sfdc-btn-group sfdc-btn-group-justified&quot; data-toggle=&quot;buttons&quot;&gt; &lt;label data-field-store=&quot;input-val_align&quot; data-toggle-enable=&quot;sfdc-btn-success&quot; data-toggle-disable=&quot;sfdc-btn-success&quot; data-settings-option=&quot;group-radiobutton&quot; class=&quot;sfdc-btn sfdc-btn-success uifm-f-setoption-btn&quot; &gt; &lt;input type=&quot;radio&quot; id=&quot;uifm_fld_inp_align_1&quot; name=&quot;uifm_fld_inp_align_1&quot; value=&quot;0&quot;&gt; &lt;i class=&quot;fa fa-align-left&quot;&gt;&lt;/i&gt; Left &lt;/label&gt; &lt;label data-field-store=&quot;input-val_align&quot; data-toggle-enable=&quot;sfdc-btn-success&quot; data-toggle-disable=&quot;sfdc-btn-success&quot; data-settings-option=&quot;group-radiobutton&quot; class=&quot;sfdc-btn sfdc-btn-success uifm-f-setoption-btn&quot; &gt; &lt;input type=&quot;radio&quot; id=&quot;uifm_fld_inp_align_2&quot; name=&quot;uifm_fld_inp_align_2&quot; value=&quot;1&quot;&gt; &lt;i class=&quot;fa fa-align-center&quot;&gt;&lt;/i&gt; Center &lt;/label&gt; &lt;label data-field-store=&quot;input-val_align&quot; data-toggle-enable=&quot;sfdc-btn-success&quot; data-toggle-disable=&quot;sfdc-btn-success&quot; data-settings-option=&quot;group-radiobutton&quot; class=&quot;sfdc-btn sfdc-btn-success uifm-f-setoption-btn&quot; &gt; &lt;input type=&quot;radio&quot; id=&quot;uifm_fld_inp_align_3&quot; name=&quot;uifm_fld_inp_align_3&quot; value=&quot;2&quot;&gt; &lt;i class=&quot;fa fa-align-right&quot;&gt;&lt;/i&gt; Right &lt;/label&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;uifm-set-section-input-objalign&quot;&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;label &gt;Button alignment&lt;/label&gt; &lt;div class=&quot;sfdc-controls sfdc-form-group&quot;&gt; &lt;div class=&quot;sfdc-btn-group sfdc-btn-group-justified&quot; data-toggle=&quot;buttons&quot;&gt; &lt;label data-field-store=&quot;input-obj_align&quot; data-toggle-enable=&quot;sfdc-btn-success&quot; data-toggle-disable=&quot;sfdc-btn-success&quot; data-settings-option=&quot;group-radiobutton&quot; class=&quot;sfdc-btn sfdc-btn-success uifm-f-setoption-btn&quot; &gt; &lt;input type=&quot;radio&quot; id=&quot;uifm_fld_inp_objalign_1&quot; name=&quot;uifm_fld_inp_objalign_1&quot; value=&quot;0&quot;&gt; &lt;i class=&quot;fa fa-align-left&quot;&gt;&lt;/i&gt; Left &lt;/label&gt; &lt;label data-field-store=&quot;input-obj_align&quot; data-toggle-enable=&quot;sfdc-btn-success&quot; data-toggle-disable=&quot;sfdc-btn-success&quot; data-settings-option=&quot;group-radiobutton&quot; class=&quot;sfdc-btn sfdc-btn-success uifm-f-setoption-btn&quot; &gt; &lt;input type=&quot;radio&quot; id=&quot;uifm_fld_inp_objalign_2&quot; name=&quot;uifm_fld_inp_objalign_2&quot; value=&quot;1&quot;&gt; &lt;i class=&quot;fa fa-align-center&quot;&gt;&lt;/i&gt; Center &lt;/label&gt; &lt;label data-field-store=&quot;input-obj_align&quot; data-toggle-enable=&quot;sfdc-btn-success&quot; data-toggle-disable=&quot;sfdc-btn-success&quot; data-settings-option=&quot;group-radiobutton&quot; class=&quot;sfdc-btn sfdc-btn-success uifm-f-setoption-btn&quot; &gt; &lt;input type=&quot;radio&quot; id=&quot;uifm_fld_inp_objalign_3&quot; name=&quot;uifm_fld_inp_objalign_3&quot; value=&quot;2&quot;&gt; &lt;i class=&quot;fa fa-align-right&quot;&gt;&lt;/i&gt; Right &lt;/label&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;uifm-set-section-input20&quot;&gt; &lt;fieldset&gt; &lt;legend&gt;Padding &lt;/legend&gt; &lt;div class=&quot;zgpb-modal-body-tab-inner&quot;&gt; &lt;div class=&quot;sfdc-row &quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;label for=&quot;&quot;&gt;Top&lt;/label&gt; &lt;a data-original-title=&quot;Top margin (px)&quot; data-placement=&quot;right&quot; data-toggle=&quot;tooltip&quot; href=&quot;javascript:void(0);&quot;&gt;&lt;span class=&quot;fa fa-question-circle&quot;&gt;&lt;/span&gt;&lt;/a&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;input id=&quot;uifm_fld_input20_padding_top&quot; class=&quot;zgpb_fld_settings_spinner&quot; data-field-store=&quot;input-padding-top&quot; type=&quot;text&quot; &gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;zgpb-opt-divider-stl1&quot;&gt;&lt;/div&gt; &lt;div class=&quot;sfdc-row &quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;label for=&quot;&quot;&gt;Bottom&lt;/label&gt; &lt;a data-original-title=&quot;Bottom margin (px)&quot; data-placement=&quot;right&quot; data-toggle=&quot;tooltip&quot; href=&quot;javascript:void(0);&quot;&gt;&lt;span class=&quot;fa fa-question-circle&quot;&gt;&lt;/span&gt;&lt;/a&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;input id=&quot;uifm_fld_input20_padding_bottom&quot; class=&quot;zgpb_fld_settings_spinner&quot; data-field-store=&quot;input-padding-bottom&quot; type=&quot;text&quot; &gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;zgpb-opt-divider-stl1&quot;&gt;&lt;/div&gt; &lt;div class=&quot;sfdc-row &quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;label for=&quot;&quot;&gt;left&lt;/label&gt; &lt;a data-original-title=&quot;Left margin (px)&quot; data-placement=&quot;right&quot; data-toggle=&quot;tooltip&quot; href=&quot;javascript:void(0);&quot;&gt;&lt;span class=&quot;fa fa-question-circle&quot;&gt;&lt;/span&gt;&lt;/a&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;input id=&quot;uifm_fld_input20_padding_left&quot; class=&quot;zgpb_fld_settings_spinner&quot; data-field-store=&quot;input-padding-left&quot; type=&quot;text&quot; &gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;zgpb-opt-divider-stl1&quot;&gt;&lt;/div&gt; &lt;div class=&quot;sfdc-row &quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;label for=&quot;&quot;&gt;right&lt;/label&gt; &lt;a data-original-title=&quot;Right margin (px)&quot; data-placement=&quot;right&quot; data-toggle=&quot;tooltip&quot; href=&quot;javascript:void(0);&quot;&gt;&lt;span class=&quot;fa fa-question-circle&quot;&gt;&lt;/span&gt;&lt;/a&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;input id=&quot;uifm_fld_input20_padding_right&quot; class=&quot;zgpb_fld_settings_spinner&quot; data-field-store=&quot;input-padding-right&quot; type=&quot;text&quot; &gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;space5&quot;&gt;&lt;/div&gt; &lt;/div&gt; &lt;/fieldset&gt; &lt;/div&gt; &lt;div class=&quot;uifm-set-section-inputboxbg&quot;&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;div class=&quot;divider2&quot;&gt; &lt;div class=&quot;mask&quot;&gt;&lt;/div&gt; &lt;span&gt;&lt;i&gt;Background&lt;/i&gt;&lt;/span&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;label &gt;Background color&lt;/label&gt; &lt;div class=&quot;&quot;&gt; &lt;div class=&quot;sfdc-col-md-3&quot;&gt; &lt;input class=&quot;switch-field&quot; data-field-store=&quot;el_background-show_st&quot; id=&quot;uifm_fld_elbg_st&quot; name=&quot;uifm_fld_elbg_st&quot; type=&quot;checkbox&quot;/&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-md-9&quot;&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-3&quot;&gt; &lt;label &gt;Type&lt;/label&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-sm-9&quot;&gt; &lt;div class=&quot;sfdc-controls sfdc-form-group&quot;&gt; &lt;div class=&quot;sfdc-btn-group sfdc-btn-group-justified&quot; data-toggle=&quot;buttons&quot;&gt; &lt;label data-field-store=&quot;el_background-type&quot; data-toggle-enable=&quot;sfdc-btn-warning&quot; data-toggle-disable=&quot;sfdc-btn-warning&quot; data-settings-option=&quot;group-radiobutton&quot; id=&quot;uifm_fld_elbg_type_1&quot; class=&quot;sfdc-btn sfdc-btn-warning uifm-f-setoption-btn&quot; &gt; &lt;input type=&quot;radio&quot; value=&quot;1&quot;&gt; Solid &lt;/label&gt; &lt;label data-field-store=&quot;el_background-type&quot; data-toggle-enable=&quot;sfdc-btn-warning&quot; data-toggle-disable=&quot;sfdc-btn-warning&quot; data-settings-option=&quot;group-radiobutton&quot; id=&quot;uifm_fld_elbg_type_2&quot; class=&quot;sfdc-btn sfdc-btn-warning uifm-f-setoption-btn&quot; &gt; &lt;input type=&quot;radio&quot; value=&quot;2&quot; checked&gt; Gradient &lt;/label&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-3&quot;&gt; &lt;label &gt;Color&lt;/label&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-sm-9&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;div data-field-store=&quot;el_background-solid_color&quot; class=&quot;sfdc-input-group uifm-custom-color&quot;&gt; &lt;span class=&quot;sfdc-input-group-addon&quot;&gt;&lt;i&gt;&lt;/i&gt;&lt;/span&gt; &lt;input placeholder=&quot;Pick the color&quot; id=&quot;uifm_fld_elbg_color_1&quot; type=&quot;text&quot; value=&quot;&quot; name=&quot;&quot; class=&quot;sfdc-form-control&quot; /&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-3&quot;&gt; &lt;label &gt;Start color&lt;/label&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-sm-9&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;div data-field-store=&quot;el_background-start_color&quot; class=&quot;sfdc-input-group uifm-custom-color&quot;&gt; &lt;span class=&quot;sfdc-input-group-addon&quot;&gt;&lt;i&gt;&lt;/i&gt;&lt;/span&gt; &lt;input placeholder=&quot;Pick the color&quot; type=&quot;text&quot; value=&quot;&quot; id=&quot;uifm_fld_elbg_color_2&quot; name=&quot;&quot; class=&quot;sfdc-form-control&quot; /&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-3&quot;&gt; &lt;label &gt;End color&lt;/label&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-sm-9&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;div data-field-store=&quot;el_background-end_color&quot; class=&quot;sfdc-input-group uifm-custom-color&quot;&gt; &lt;span class=&quot;sfdc-input-group-addon&quot;&gt;&lt;i&gt;&lt;/i&gt;&lt;/span&gt; &lt;input placeholder=&quot;Pick the color&quot; id=&quot;uifm_fld_elbg_color_3&quot; type=&quot;text&quot; value=&quot;&quot; name=&quot;&quot; class=&quot;sfdc-form-control&quot; /&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;uifm-set-section-inputboxborder&quot;&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;div class=&quot;divider2&quot;&gt; &lt;div class=&quot;mask&quot;&gt;&lt;/div&gt; &lt;span&gt;&lt;i&gt;Border&lt;/i&gt;&lt;/span&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;label &gt;Border radius&lt;/label&gt; &lt;div class=&quot;&quot;&gt; &lt;div class=&quot;sfdc-col-md-3&quot;&gt; &lt;input data-field-store=&quot;el_border_radius-show_st&quot; class=&quot;switch-field&quot; name=&quot;uifm_fld_elbora_st&quot; id=&quot;uifm_fld_elbora_st&quot; type=&quot;checkbox&quot;/&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-md-9&quot;&gt; &lt;input type=&quot;text&quot; style=&quot;width:100%;&quot; data-field-store=&quot;el_border_radius-size&quot; data-slider-value=&quot;14&quot; data-slider-step=&quot;1&quot; data-slider-max=&quot;60&quot; data-slider-min=&quot;0&quot; data-slider-id=&quot;&quot; id=&quot;uifm_fld_elbora_size&quot; class=&quot;uiform-opt-slider&quot;&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;space10&quot;&gt;&lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;label &gt;Border&lt;/label&gt; &lt;div class=&quot;&quot;&gt; &lt;div class=&quot;sfdc-col-md-3&quot;&gt; &lt;input data-field-store=&quot;el_border-show_st&quot; class=&quot;switch-field&quot; name=&quot;uifm_fld_elbor_st&quot; id=&quot;uifm_fld_elbor_st&quot; type=&quot;checkbox&quot;/&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-md-9&quot;&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-3&quot;&gt; &lt;label &gt;Color&lt;/label&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-sm-9&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;div data-field-store=&quot;el_border-color&quot; class=&quot;sfdc-input-group uifm-custom-color&quot;&gt; &lt;span class=&quot;sfdc-input-group-addon&quot;&gt;&lt;i&gt;&lt;/i&gt;&lt;/span&gt; &lt;input placeholder=&quot;Pick the color&quot; type=&quot;text&quot; value=&quot;&quot; name=&quot;uifm_fld_elbor_color&quot; id=&quot;uifm_fld_elbor_color&quot; class=&quot;sfdc-form-control&quot; /&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-3&quot;&gt; &lt;label &gt;Color (focus)&lt;/label&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-sm-9&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;div data-field-store=&quot;el_border-color_focus&quot; class=&quot;sfdc-input-group uifm-custom-color&quot;&gt; &lt;span class=&quot;sfdc-input-group-addon&quot;&gt;&lt;i&gt;&lt;/i&gt;&lt;/span&gt; &lt;input placeholder=&quot;Pick the color&quot; type=&quot;text&quot; value=&quot;&quot; name=&quot;uifm_fld_elbor_colorfocus&quot; id=&quot;uifm_fld_elbor_colorfocus&quot; class=&quot;sfdc-form-control&quot; /&gt; &lt;span class=&quot;sfdc-input-group-addon tooltip-option-enable&quot;&gt; &lt;input data-field-store=&quot;el_border-color_focus_st&quot; id=&quot;uifm_fld_elbor_colorfocus_st&quot; name=&quot;uifm_fld_elbor_colorfocus_st&quot; class=&quot;uifm-f-setoption-st&quot; value=&quot;1&quot; type=&quot;checkbox&quot;&gt; &lt;/span&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-3&quot;&gt; &lt;label &gt;border style&lt;/label&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-sm-9&quot;&gt; &lt;div class=&quot;sfdc-controls sfdc-form-group&quot;&gt; &lt;div class=&quot;sfdc-btn-group sfdc-btn-group-justified&quot; data-toggle=&quot;buttons&quot;&gt; &lt;label data-field-store=&quot;el_border-style&quot; data-toggle-enable=&quot;sfdc-btn-warning&quot; data-toggle-disable=&quot;sfdc-btn-warning&quot; data-settings-option=&quot;group-radiobutton&quot; id=&quot;uifm_fld_elbor_style_1&quot; class=&quot;sfdc-btn sfdc-btn-warning uifm-f-setoption-btn&quot; &gt; &lt;input type=&quot;radio&quot; value=&quot;1&quot; checked&gt;Solid &lt;/label&gt; &lt;label data-field-store=&quot;el_border-style&quot; data-toggle-enable=&quot;sfdc-btn-warning&quot; data-toggle-disable=&quot;sfdc-btn-warning&quot; data-settings-option=&quot;group-radiobutton&quot; id=&quot;uifm_fld_elbor_style_2&quot; class=&quot;sfdc-btn sfdc-btn-warning uifm-f-setoption-btn&quot; &gt; &lt;input type=&quot;radio&quot; value=&quot;2&quot;&gt; Dotted &lt;/label&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-3&quot;&gt; &lt;label &gt;Border width&lt;/label&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-sm-9&quot;&gt; &lt;input data-field-store=&quot;el_border-width&quot; type=&quot;text&quot; style=&quot;width:100%;&quot; data-slider-value=&quot;14&quot; data-slider-step=&quot;1&quot; data-slider-max=&quot;20&quot; data-slider-min=&quot;0&quot; data-slider-id=&quot;&quot; id=&quot;uifm_fld_elbor_width&quot; class=&quot;uiform-opt-slider&quot;&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;!--\end container --&gt; &lt;!--container for options ,.. --&gt; &lt;div class=&quot;uifm-set-section-input2&quot;&gt; &lt;div id=&quot;uifm-section-input2-custom-opts-theme1&quot;&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-sm-12&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;label for=&quot;&quot;&gt;Settings label option&lt;/label&gt; &lt;div class=&quot;sfdc-input-group&quot;&gt; &lt;div class=&quot;sfdc-input-group-btn&quot; style=&quot;width:0.01%;&quot;&gt; &lt;select data-field-store=&quot;input2-size&quot; id=&quot;uifm_fld_inp2_size&quot; name=&quot;uifm_fld_inp2_size&quot; data-live-search=&quot;true&quot; data-width=&quot;150px&quot; data-style=&quot;sfdc-btn-primary&quot; class=&quot;uifm_field_font_selectpicker uifm-f-setoption-font&quot;&gt; &lt;optgroup label=&quot;Font size&quot; data-max-options=&quot;2&quot;&gt; &lt;option value=&quot;8&quot;&gt;8 px&lt;/option&gt; &lt;option value=&quot;9&quot;&gt;9 px&lt;/option&gt; &lt;option value=&quot;10&quot;&gt;10 px&lt;/option&gt; &lt;option value=&quot;11&quot;&gt;11 px&lt;/option&gt; &lt;option value=&quot;12&quot;&gt;12 px&lt;/option&gt; &lt;option value=&quot;13&quot;&gt;13 px&lt;/option&gt; &lt;option value=&quot;14&quot;&gt;14 px&lt;/option&gt; &lt;option value=&quot;15&quot;&gt;15 px&lt;/option&gt; &lt;option value=&quot;16&quot;&gt;16 px&lt;/option&gt; &lt;option value=&quot;17&quot;&gt;17 px&lt;/option&gt; &lt;option value=&quot;18&quot;&gt;18 px&lt;/option&gt; &lt;option value=&quot;19&quot;&gt;19 px&lt;/option&gt; &lt;option value=&quot;20&quot;&gt;20 px&lt;/option&gt; &lt;option value=&quot;21&quot;&gt;21 px&lt;/option&gt; &lt;option value=&quot;22&quot;&gt;22 px&lt;/option&gt; &lt;option value=&quot;23&quot;&gt;23 px&lt;/option&gt; &lt;option value=&quot;24&quot;&gt;24 px&lt;/option&gt; &lt;option value=&quot;25&quot;&gt;25 px&lt;/option&gt; &lt;option value=&quot;26&quot;&gt;26 px&lt;/option&gt; &lt;option value=&quot;27&quot;&gt;27 px&lt;/option&gt; &lt;option value=&quot;28&quot;&gt;28 px&lt;/option&gt; &lt;option value=&quot;29&quot;&gt;29 px&lt;/option&gt; &lt;option value=&quot;30&quot;&gt;30 px&lt;/option&gt; &lt;option value=&quot;31&quot;&gt;31 px&lt;/option&gt; &lt;option value=&quot;32&quot;&gt;32 px&lt;/option&gt; &lt;option value=&quot;33&quot;&gt;33 px&lt;/option&gt; &lt;option value=&quot;34&quot;&gt;34 px&lt;/option&gt; &lt;option value=&quot;35&quot;&gt;35 px&lt;/option&gt; &lt;option value=&quot;36&quot;&gt;36 px&lt;/option&gt; &lt;option value=&quot;37&quot;&gt;37 px&lt;/option&gt; &lt;option value=&quot;38&quot;&gt;38 px&lt;/option&gt; &lt;option value=&quot;39&quot;&gt;39 px&lt;/option&gt; &lt;option value=&quot;40&quot;&gt;40 px&lt;/option&gt; &lt;option value=&quot;41&quot;&gt;41 px&lt;/option&gt; &lt;option value=&quot;42&quot;&gt;42 px&lt;/option&gt; &lt;option value=&quot;43&quot;&gt;43 px&lt;/option&gt; &lt;option value=&quot;44&quot;&gt;44 px&lt;/option&gt; &lt;option value=&quot;45&quot;&gt;45 px&lt;/option&gt; &lt;option value=&quot;46&quot;&gt;46 px&lt;/option&gt; &lt;option value=&quot;47&quot;&gt;47 px&lt;/option&gt; &lt;option value=&quot;48&quot;&gt;48 px&lt;/option&gt; &lt;/optgroup&gt; &lt;/select&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-input-group-btn&quot;&gt; &lt;button data-field-store=&quot;input2-bold&quot; class=&quot;sfdc-btn sfdc-btn-warning uifm-f-setoption-btn&quot; type=&quot;button&quot;&gt; &lt;i class=&quot;fa fa-bold&quot;&gt;&lt;/i&gt; &lt;input type=&quot;hidden&quot; id=&quot;uifm_fld_inp2_bold&quot; name=&quot;uifm_fld_inp2_bold&quot; value=&quot;0&quot;&gt; &lt;/button&gt; &lt;button data-field-store=&quot;input2-italic&quot; class=&quot;sfdc-btn sfdc-btn-warning uifm-f-setoption-btn&quot; type=&quot;button&quot;&gt;&lt;i class=&quot;fa fa-italic&quot;&gt;&lt;/i&gt; &lt;input type=&quot;hidden&quot; id=&quot;uifm_fld_inp2_italic&quot; name=&quot;uifm_fld_inp2_italic&quot; value=&quot;0&quot;&gt; &lt;/button&gt; &lt;button data-field-store=&quot;input2-underline&quot; class=&quot;sfdc-btn sfdc-btn-warning uifm-f-setoption-btn&quot; type=&quot;button&quot;&gt;&lt;i class=&quot;fa fa-underline&quot;&gt;&lt;/i&gt; &lt;input type=&quot;hidden&quot; id=&quot;uifm_fld_inp2_u&quot; name=&quot;uifm_fld_inp2_u&quot; value=&quot;0&quot;&gt; &lt;/button&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-4&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;label &gt;Color&lt;/label&gt; &lt;div data-field-store=&quot;input2-color&quot; class=&quot;sfdc-input-group uifm-custom-color&quot;&gt; &lt;input type=&quot;text&quot; value=&quot;&quot; id=&quot;uifm_fld_inp2_color&quot; name=&quot;uifm_fld_inp2_color&quot; class=&quot;sfdc-form-control&quot; /&gt; &lt;span class=&quot;sfdc-input-group-addon&quot;&gt;&lt;i&gt;&lt;/i&gt;&lt;/span&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-sm-8&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;label &gt;Font family&lt;/label&gt; &lt;div class=&quot;sfdc-input-group uifm-custom-font&quot;&gt; &lt;select name=&quot;uifm_fld_inp2_font&quot;id=&quot;uifm_fld_inp2_font&quot;data-field-store=&quot;input2-font&quot; class=&quot;sfm&quot; data-selected=&quot;{&amp;quot;family&amp;quot;:&amp;quot;Arial, Helvetica, sans-serif&amp;quot;,&amp;quot;name&amp;quot;:&amp;quot;Arial&amp;quot;,&amp;quot;classname&amp;quot;:&amp;quot;arial&amp;quot;}&quot; data-placeholder=&quot;Select a Font...&quot;&gt; &lt;option value=&quot;&quot;&gt;&lt;/option&gt; &lt;/select&gt; &lt;span class=&quot;sfdc-input-group-addon&quot;&gt; &lt;input data-field-store=&quot;input2-font_st&quot; id=&quot;uifm_fld_inp2_font_st&quot; name=&quot;uifm_fld_inp2_font_st&quot; class=&quot;uifm-f-setoption-st&quot; value=&quot;1&quot; type=&quot;checkbox&quot;&gt; &lt;/span&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;space20&quot;&gt;&lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;div class=&quot;divider2&quot;&gt; &lt;div class=&quot;mask&quot;&gt;&lt;/div&gt; &lt;span&gt;&lt;i&gt;Options&lt;/i&gt;&lt;/span&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;uifm-set-section-input2-optbox sfdc-clearfix&quot;&gt; &lt;div class=&quot;&quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;a href=&quot;javascript:void(0);&quot; onclick=&quot;javascript:rocketform.input2settings_addNewRdoOption();&quot; class=&quot;sfdc-btn sfdc-btn-sm sfdc-btn-success&quot; &gt;Add new option&lt;/a&gt; &lt;button onclick=&quot;javascript:rocketform.input2settings_deleteAllOptions();&quot; class=&quot;sfdc-btn sfdc-btn-sm sfdc-btn-danger&quot;&gt; &lt;i class=&quot;fa fa-trash-o&quot;&gt;&lt;/i&gt; Remove all options&lt;/button&gt; &lt;button onclick=&quot;javascript:rocketform.input2settings_fillBlankValues();&quot; class=&quot;sfdc-btn sfdc-btn-sm sfdc-btn-success&quot;&gt; &lt;i class=&quot;fa fa-trash-o&quot;&gt;&lt;/i&gt; Copy Label to Value&lt;/button&gt; &lt;button onclick=&quot;javascript:rocketform.input2settings_ImportBulkData();&quot; class=&quot;sfdc-btn sfdc-btn-sm sfdc-btn-warning&quot;&gt; &lt;i class=&quot;fa fa-trash-o&quot;&gt;&lt;/i&gt; Import bulk data&lt;/button&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;space20&quot;&gt;&lt;/div&gt; &lt;div class=&quot;&quot;&gt; &lt;div id=&quot;uifm-fld-inp2-options-header&quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;div class=&quot;sfdc-col-md-1&quot;&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-md-1&quot;&gt; &lt;label &gt;Check&lt;/label&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-md-4&quot;&gt; &lt;label &gt;Label&lt;/label&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-md-3&quot;&gt; &lt;label &gt;Value&lt;/label&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-md-2&quot;&gt; &lt;label &gt;Price&lt;/label&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-md-1&quot;&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div id=&quot;uifm-fld-inp2-options-container&quot;&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div id=&quot;uifm-fld-inp2-block-align-box&quot;&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;label &gt;Block alignment&lt;/label&gt; &lt;div class=&quot;sfdc-controls sfdc-form-group&quot;&gt; &lt;div class=&quot;sfdc-btn-group sfdc-btn-group-justified&quot; data-toggle=&quot;buttons&quot;&gt; &lt;label data-field-store=&quot;input2-block_align&quot; data-toggle-enable=&quot;sfdc-btn-success&quot; data-toggle-disable=&quot;sfdc-btn-success&quot; data-settings-option=&quot;group-radiobutton&quot; class=&quot;sfdc-btn sfdc-btn-success uifm-f-setoption-btn&quot; &gt; &lt;input type=&quot;radio&quot; id=&quot;uifm_fld_inp2_blo_align_1&quot; value=&quot;0&quot;&gt; &lt;i class=&quot;fa fa-align-left&quot;&gt;&lt;/i&gt; Block &lt;/label&gt; &lt;label data-field-store=&quot;input2-block_align&quot; data-toggle-enable=&quot;sfdc-btn-success&quot; data-toggle-disable=&quot;sfdc-btn-success&quot; data-settings-option=&quot;group-radiobutton&quot; class=&quot;sfdc-btn sfdc-btn-success uifm-f-setoption-btn&quot; &gt; &lt;input type=&quot;radio&quot; id=&quot;uifm_fld_inp2_blo_align_2&quot; value=&quot;1&quot;&gt; &lt;i class=&quot;fa fa-align-center&quot;&gt;&lt;/i&gt; Inline &lt;/label&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;space20&quot;&gt;&lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;div class=&quot;divider2&quot;&gt; &lt;div class=&quot;mask&quot;&gt;&lt;/div&gt; &lt;span&gt;&lt;i&gt;Theme&lt;/i&gt;&lt;/span&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;label &gt;Choose Theme&lt;/label&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;select class=&quot;sfdc-form-control uifm-f-setoption&quot; data-field-store=&quot;input2-style_type&quot; id=&quot;uifm_fld_inp2_style_type&quot;&gt; &lt;option value=&quot;0&quot;&gt;Default&lt;/option&gt; &lt;option value=&quot;1&quot;&gt;Theme 1&lt;/option&gt; &lt;option value=&quot;2&quot;&gt;Theme 2&lt;/option&gt; &lt;/select&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;uifm-set-section-input2-stl1&quot;&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;label &gt;Theme 1&lt;/label&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;div class=&quot;sfdc-col-md-3&quot;&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-sm-9&quot;&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-4&quot;&gt; &lt;label &gt;Icon&lt;/label&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-sm-8&quot;&gt; &lt;div class=&quot;sfdc-controls sfdc-form-group&quot;&gt; &lt;div id=&quot;uifm_fld_inp2_stl1_icmark&quot; data-field-store=&quot;input2-stl1-icon_mark&quot; class=&quot;sfdc-btn sfdc-btn-default&quot; data-placement=&quot;top&quot; data-iconset=&quot;fontawesome&quot; data-search=&quot;true&quot; data-search-text=&quot;Search...&quot; role=&quot;iconpicker&quot;&gt;&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-4&quot;&gt; &lt;label &gt;Border Color&lt;/label&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-sm-8&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;div data-field-store=&quot;input2-stl1-border_color&quot; class=&quot;sfdc-input-group uifm-custom-color&quot;&gt; &lt;span class=&quot;sfdc-input-group-addon&quot;&gt;&lt;i&gt;&lt;/i&gt;&lt;/span&gt; &lt;input placeholder=&quot;Pick the color&quot; type=&quot;text&quot; value=&quot;&quot; id=&quot;uifm_fld_inp2_stl1_brdcolor&quot; name=&quot;uifm_fld_inp2_stl1_brdcolor&quot; class=&quot;sfdc-form-control&quot; /&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-4&quot;&gt; &lt;label &gt;Background Color&lt;/label&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-sm-8&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;div data-field-store=&quot;input2-stl1-bg_color&quot; class=&quot;sfdc-input-group uifm-custom-color&quot;&gt; &lt;span class=&quot;sfdc-input-group-addon&quot;&gt;&lt;i&gt;&lt;/i&gt;&lt;/span&gt; &lt;input placeholder=&quot;Pick the color&quot; type=&quot;text&quot; value=&quot;&quot; id=&quot;uifm_fld_inp2_stl1_bgcolor&quot; name=&quot;uifm_fld_inp2_stl1_bgcolor&quot; class=&quot;sfdc-form-control&quot; /&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-4&quot;&gt; &lt;label &gt;Icon Color&lt;/label&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-sm-8&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;div data-field-store=&quot;input2-stl1-icon_color&quot; class=&quot;sfdc-input-group uifm-custom-color&quot;&gt; &lt;span class=&quot;sfdc-input-group-addon&quot;&gt;&lt;i&gt;&lt;/i&gt;&lt;/span&gt; &lt;input placeholder=&quot;Pick the color&quot; type=&quot;text&quot; value=&quot;&quot; id=&quot;uifm_fld_inp2_stl1_iconcolor&quot; name=&quot;uifm_fld_inp2_stl1_iconcolor&quot; class=&quot;sfdc-form-control&quot; /&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-4&quot;&gt; &lt;label &gt;Icon Size&lt;/label&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-sm-8&quot;&gt; &lt;input id=&quot;uifm_fld_inp2_stl1_size&quot; data-field-store=&quot;input2-stl1-size&quot; class=&quot;uifm_fld_inp2_stl1&quot; type=&quot;text&quot; &gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;!--\end container --&gt; &lt;!--container for custom html ,.. --&gt; &lt;div class=&quot;uifm-set-section-input3&quot;&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-sm-12&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;label class=&quot;sfdc-control-label&quot; for=&quot;&quot;&gt; Custom html content &lt;/label&gt; &lt;div class=&quot;sfdc-controls sfdc-form-group&quot;&gt; &lt;textarea class=&quot;uifm_tinymce_obj&quot; name=&quot;uifm_fld_inp3_html&quot; id=&quot;uifm_fld_inp3_html&quot;&gt;&lt;/textarea&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-sm-12&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;label for=&quot;uifm_fld_lbl_txt&quot;&gt;Text&lt;/label&gt; &lt;div class=&quot;sfdc-input-group&quot;&gt; &lt;div class=&quot;uifm-set-section-input1-txtvalue&quot;&gt; &lt;input type=&quot;text&quot; data-field-store=&quot;input3-value&quot; id=&quot;uifm_fld_input3_value&quot; name=&quot;uifm_fld_inp3_value&quot; class=&quot;sfdc-form-control uifm-f-setoption&quot;&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-input-group-btn&quot;&gt; &lt;select data-field-store=&quot;input3-size&quot; id=&quot;uifm_fld_inp3_size&quot; name=&quot;uifm_fld_inp3_size&quot; data-live-search=&quot;true&quot; data-style=&quot;sfdc-btn-primary&quot; data-width=&quot;80px&quot; class=&quot;uifm_field_font_selectpicker uifm-f-setoption-font&quot;&gt; &lt;optgroup label=&quot;Font size&quot; data-max-options=&quot;2&quot;&gt; &lt;option value=&quot;8&quot;&gt;8 px&lt;/option&gt; &lt;option value=&quot;9&quot;&gt;9 px&lt;/option&gt; &lt;option value=&quot;10&quot;&gt;10 px&lt;/option&gt; &lt;option value=&quot;11&quot;&gt;11 px&lt;/option&gt; &lt;option value=&quot;12&quot;&gt;12 px&lt;/option&gt; &lt;option value=&quot;13&quot;&gt;13 px&lt;/option&gt; &lt;option value=&quot;14&quot;&gt;14 px&lt;/option&gt; &lt;option value=&quot;15&quot;&gt;15 px&lt;/option&gt; &lt;option value=&quot;16&quot;&gt;16 px&lt;/option&gt; &lt;option value=&quot;17&quot;&gt;17 px&lt;/option&gt; &lt;option value=&quot;18&quot;&gt;18 px&lt;/option&gt; &lt;option value=&quot;19&quot;&gt;19 px&lt;/option&gt; &lt;option value=&quot;20&quot;&gt;20 px&lt;/option&gt; &lt;option value=&quot;21&quot;&gt;21 px&lt;/option&gt; &lt;option value=&quot;22&quot;&gt;22 px&lt;/option&gt; &lt;option value=&quot;23&quot;&gt;23 px&lt;/option&gt; &lt;option value=&quot;24&quot;&gt;24 px&lt;/option&gt; &lt;option value=&quot;25&quot;&gt;25 px&lt;/option&gt; &lt;option value=&quot;26&quot;&gt;26 px&lt;/option&gt; &lt;option value=&quot;27&quot;&gt;27 px&lt;/option&gt; &lt;option value=&quot;28&quot;&gt;28 px&lt;/option&gt; &lt;option value=&quot;29&quot;&gt;29 px&lt;/option&gt; &lt;option value=&quot;30&quot;&gt;30 px&lt;/option&gt; &lt;option value=&quot;31&quot;&gt;31 px&lt;/option&gt; &lt;option value=&quot;32&quot;&gt;32 px&lt;/option&gt; &lt;option value=&quot;33&quot;&gt;33 px&lt;/option&gt; &lt;option value=&quot;34&quot;&gt;34 px&lt;/option&gt; &lt;option value=&quot;35&quot;&gt;35 px&lt;/option&gt; &lt;option value=&quot;36&quot;&gt;36 px&lt;/option&gt; &lt;option value=&quot;37&quot;&gt;37 px&lt;/option&gt; &lt;option value=&quot;38&quot;&gt;38 px&lt;/option&gt; &lt;option value=&quot;39&quot;&gt;39 px&lt;/option&gt; &lt;option value=&quot;40&quot;&gt;40 px&lt;/option&gt; &lt;option value=&quot;41&quot;&gt;41 px&lt;/option&gt; &lt;option value=&quot;42&quot;&gt;42 px&lt;/option&gt; &lt;option value=&quot;43&quot;&gt;43 px&lt;/option&gt; &lt;option value=&quot;44&quot;&gt;44 px&lt;/option&gt; &lt;option value=&quot;45&quot;&gt;45 px&lt;/option&gt; &lt;option value=&quot;46&quot;&gt;46 px&lt;/option&gt; &lt;option value=&quot;47&quot;&gt;47 px&lt;/option&gt; &lt;option value=&quot;48&quot;&gt;48 px&lt;/option&gt; &lt;/optgroup&gt; &lt;/select&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-input-group-btn&quot;&gt; &lt;button data-field-store=&quot;input3-bold&quot; class=&quot;sfdc-btn sfdc-btn-warning uifm-f-setoption-btn&quot; type=&quot;button&quot;&gt; &lt;i class=&quot;fa fa-bold&quot;&gt;&lt;/i&gt; &lt;input type=&quot;hidden&quot; id=&quot;uifm_fld_inp3_bold&quot; name=&quot;uifm_fld_inp3_bold&quot; value=&quot;0&quot;&gt; &lt;/button&gt; &lt;button data-field-store=&quot;input3-italic&quot; class=&quot;sfdc-btn sfdc-btn-warning uifm-f-setoption-btn&quot; type=&quot;button&quot;&gt;&lt;i class=&quot;fa fa-italic&quot;&gt;&lt;/i&gt; &lt;input type=&quot;hidden&quot; id=&quot;uifm_fld_inp3_italic&quot; name=&quot;uifm_fld_inp3_italic&quot; value=&quot;0&quot;&gt; &lt;/button&gt; &lt;button data-field-store=&quot;input3-underline&quot; class=&quot;sfdc-btn sfdc-btn-warning uifm-f-setoption-btn&quot; type=&quot;button&quot;&gt;&lt;i class=&quot;fa fa-underline&quot;&gt;&lt;/i&gt; &lt;input type=&quot;hidden&quot; id=&quot;uifm_fld_inp3_u&quot; name=&quot;uifm_fld_inp3_u&quot; value=&quot;0&quot;&gt; &lt;/button&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-4&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;label &gt;Color&lt;/label&gt; &lt;div data-field-store=&quot;input3-color&quot; class=&quot;sfdc-input-group uifm-custom-color&quot;&gt; &lt;input type=&quot;text&quot; value=&quot;&quot; id=&quot;uifm_fld_inp3_color&quot; name=&quot;uifm_fld_inp3_color&quot; class=&quot;sfdc-form-control&quot; /&gt; &lt;span class=&quot;sfdc-input-group-addon&quot;&gt;&lt;i&gt;&lt;/i&gt;&lt;/span&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-sm-8&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;label &gt;Font family&lt;/label&gt; &lt;div class=&quot;sfdc-input-group uifm-custom-font&quot;&gt; &lt;select name=&quot;uifm_fld_inp3_font&quot;id=&quot;uifm_fld_inp3_font&quot;data-field-store=&quot;input3-font&quot; class=&quot;sfm&quot; data-selected=&quot;{&amp;quot;family&amp;quot;:&amp;quot;Arial, Helvetica, sans-serif&amp;quot;,&amp;quot;name&amp;quot;:&amp;quot;Arial&amp;quot;,&amp;quot;classname&amp;quot;:&amp;quot;arial&amp;quot;}&quot; data-placeholder=&quot;Select a Font...&quot;&gt; &lt;option value=&quot;&quot;&gt;&lt;/option&gt; &lt;/select&gt; &lt;span class=&quot;sfdc-input-group-addon&quot;&gt; &lt;input data-field-store=&quot;input3-font_st&quot; id=&quot;uifm_fld_inp3_font_st&quot; name=&quot;uifm_fld_inp3_font_st&quot; class=&quot;uifm-f-setoption-st&quot; value=&quot;1&quot; type=&quot;checkbox&quot;&gt; &lt;/span&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;label &gt;Input value alignment&lt;/label&gt; &lt;div class=&quot;sfdc-controls sfdc-form-group&quot;&gt; &lt;div class=&quot;sfdc-btn-group sfdc-btn-group-justified&quot; data-toggle=&quot;buttons&quot;&gt; &lt;label data-field-store=&quot;input3-val_align&quot; data-toggle-enable=&quot;sfdc-btn-success&quot; data-toggle-disable=&quot;sfdc-btn-success&quot; data-settings-option=&quot;group-radiobutton&quot; class=&quot;sfdc-btn sfdc-btn-success uifm-f-setoption-btn&quot; &gt; &lt;input type=&quot;radio&quot; id=&quot;uifm_fld_inp3_align_1&quot; name=&quot;uifm_fld_inp3_align_1&quot; value=&quot;0&quot;&gt; &lt;i class=&quot;fa fa-align-left&quot;&gt;&lt;/i&gt; Left &lt;/label&gt; &lt;label data-field-store=&quot;input3-val_align&quot; data-toggle-enable=&quot;sfdc-btn-success&quot; data-toggle-disable=&quot;sfdc-btn-success&quot; data-settings-option=&quot;group-radiobutton&quot; class=&quot;sfdc-btn sfdc-btn-success uifm-f-setoption-btn&quot; &gt; &lt;input type=&quot;radio&quot; id=&quot;uifm_fld_inp3_align_2&quot; name=&quot;uifm_fld_inp3_align_2&quot; value=&quot;1&quot;&gt; &lt;i class=&quot;fa fa-align-center&quot;&gt;&lt;/i&gt; Center &lt;/label&gt; &lt;label data-field-store=&quot;input3-val_align&quot; data-toggle-enable=&quot;sfdc-btn-success&quot; data-toggle-disable=&quot;sfdc-btn-success&quot; data-settings-option=&quot;group-radiobutton&quot; class=&quot;sfdc-btn sfdc-btn-success uifm-f-setoption-btn&quot; &gt; &lt;input type=&quot;radio&quot; id=&quot;uifm_fld_inp3_align_3&quot; name=&quot;uifm_fld_inp3_align_3&quot; value=&quot;2&quot;&gt; &lt;i class=&quot;fa fa-align-right&quot;&gt;&lt;/i&gt; Right &lt;/label&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;!--\end container --&gt; &lt;!--container for custom html ,.. --&gt; &lt;div class=&quot;uifm-set-section-input4&quot;&gt; &lt;div class=&quot;space10&quot;&gt;&lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;label &gt;Minimum&lt;/label&gt; &lt;input id=&quot;uifm_fld_inp4_spinner_opt1&quot; data-field-store=&quot;input4-set_min&quot; class=&quot;uifm_fld_inp4_spinner&quot; type=&quot;text&quot; &gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-sm-6&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;label &gt;Maximum&lt;/label&gt; &lt;input id=&quot;uifm_fld_inp4_spinner_opt2&quot; data-field-store=&quot;input4-set_max&quot; class=&quot;uifm_fld_inp4_spinner&quot; type=&quot;text&quot; &gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;space10&quot;&gt;&lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;div class=&quot;uifm-set-section-input4-defaultvalue&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;label &gt;Default value&lt;/label&gt; &lt;input id=&quot;uifm_fld_inp4_spinner_opt3&quot; data-field-store=&quot;input4-set_default&quot; class=&quot;uifm_fld_inp4_spinner&quot; type=&quot;text&quot; value=&quot;&quot;&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-sm-6&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;label &gt;Step&lt;/label&gt; &lt;input id=&quot;uifm_fld_inp4_spinner_opt4&quot; data-field-store=&quot;input4-set_step&quot; class=&quot;uifm_fld_inp4_spinner&quot; type=&quot;text&quot; value=&quot;&quot;&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;uifm-set-section-input4-spinner-opts&quot;&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;label &gt;Decimals&lt;/label&gt; &lt;input id=&quot;uifm_fld_inp4_spinner_decimals&quot; data-field-store=&quot;input4-set_decimal&quot; class=&quot;uifm_fld_inp2_stl1&quot; type=&quot;text&quot; value=&quot;0&quot;&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-sm-6&quot;&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;uifm-set-section-input4-range&quot;&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;label &gt;Range 1&lt;/label&gt; &lt;input id=&quot;uifm_fld_inp4_spinner_opt5&quot; data-field-store=&quot;input4-set_range1&quot; class=&quot;uifm_fld_inp4_spinner&quot; type=&quot;text&quot; value=&quot;&quot;&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-sm-6&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;label &gt;Range 2&lt;/label&gt; &lt;input id=&quot;uifm_fld_inp4_spinner_opt6&quot; data-field-store=&quot;input4-set_range2&quot; class=&quot;uifm_fld_inp4_spinner&quot; type=&quot;text&quot; value=&quot;&quot;&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;uifm-set-section-input4-skin-maxwidth&quot;&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;div class=&quot;divider2&quot;&gt; &lt;div class=&quot;mask&quot;&gt;&lt;/div&gt; &lt;span&gt;&lt;i&gt;Skin&lt;/i&gt;&lt;/span&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;label &gt;Custom width&lt;/label&gt; &lt;div class=&quot;&quot;&gt; &lt;div class=&quot;sfdc-col-md-3&quot;&gt; &lt;input class=&quot;switch-field&quot; data-field-store=&quot;input4-skin_maxwidth_st&quot; name=&quot;uifm_fld_inp4_spinner_skin_maxwith_st&quot; id=&quot;uifm_fld_inp4_spinner_skin_maxwith_st&quot; type=&quot;checkbox&quot;/&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-md-9&quot;&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-4&quot;&gt; &lt;label &gt;Max width&lt;/label&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-sm-8&quot;&gt; &lt;input class=&quot;uifm_fld_inp4_spinner&quot; id=&quot;uifm_fld_inp4_spinner_skin_maxwith&quot; data-field-store=&quot;input4-skin_maxwidth&quot; type=&quot;text&quot; &gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;!--\end container --&gt; &lt;!--container ,.. --&gt; &lt;div class=&quot;uifm-set-section-input5&quot;&gt; &lt;div class=&quot;space10&quot;&gt;&lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;label &gt;Public key&lt;/label&gt; &lt;input type=&quot;text&quot; data-field-store=&quot;input5-g_key_public&quot; id=&quot;uifm_fld_inp5_kpublic&quot; class=&quot;sfdc-form-control uifm-f-setoption&quot;&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-sm-6&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;label &gt;Secret key&lt;/label&gt; &lt;input type=&quot;text&quot; data-field-store=&quot;input5-g_key_secret&quot; id=&quot;uifm_fld_inp5_ksecret&quot; class=&quot;sfdc-form-control uifm-f-setoption&quot;&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;space10&quot;&gt;&lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;label &gt;Theme&lt;/label&gt; &lt;div class=&quot;sfdc-controls sfdc-form-group&quot;&gt; &lt;div class=&quot;sfdc-btn-group sfdc-btn-group-justified&quot; data-toggle=&quot;buttons&quot;&gt; &lt;label data-field-store=&quot;input5-g_theme&quot; data-toggle-enable=&quot;sfdc-btn-default&quot; data-toggle-disable=&quot;sfdc-btn-default&quot; data-settings-option=&quot;group-radiobutton&quot; id=&quot;uifm_fld_inp5_theme_1&quot; class=&quot;sfdc-btn sfdc-btn-default uifm-f-setoption-btn&quot; &gt; &lt;input type=&quot;radio&quot; value=&quot;0&quot;&gt; Light &lt;/label&gt; &lt;label data-field-store=&quot;input5-g_theme&quot; data-toggle-enable=&quot;sfdc-btn-default&quot; data-toggle-disable=&quot;sfdc-btn-default&quot; data-settings-option=&quot;group-radiobutton&quot; id=&quot;uifm_fld_inp5_theme_2&quot; class=&quot;sfdc-btn sfdc-btn-default uifm-f-setoption-btn&quot; &gt; &lt;input type=&quot;radio&quot; value=&quot;1&quot;&gt; &lt;span class=&quot;uifm_fld_inp5_theme_2_lbl&quot;&gt;Dark&lt;/span&gt; &lt;/label&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;space10&quot;&gt;&lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;div class=&quot;sfdc-alert sfdc-alert-info&quot;&gt; Get private and publi key from Recaptcha site, and choose reCAPTCHA v2 type. only recaptcha v2 is supported. Get recaptcha keys here: &lt;a href=&quot;https://www.google.com/recaptcha&quot; target=&quot;_blank&quot;&gt; &lt;b&gt;Go to Recaptcha site&lt;/b&gt;&lt;/a&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;!--\end container --&gt; &lt;!--container ,.. --&gt; &lt;div class=&quot;uifm-set-section-input6&quot;&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;div class=&quot;divider2&quot;&gt; &lt;div class=&quot;mask&quot;&gt;&lt;/div&gt; &lt;span&gt;&lt;i&gt;Indicator text&lt;/i&gt;&lt;/span&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-sm-12&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;label for=&quot;uifm_fld_lbl_txt&quot;&gt;Text&lt;/label&gt; &lt;div class=&quot;sfdc-input-group&quot;&gt; &lt;div class=&quot;uifm-set-section-input6-txtvalue&quot;&gt; &lt;input type=&quot;text&quot; data-field-store=&quot;input6-indtext_txt&quot; id=&quot;uifm_fld_input6_indtext_txt&quot; name=&quot;uifm_fld_input6_indtext_txt&quot; class=&quot;sfdc-form-control uifm-f-setoption&quot;&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-input-group-btn&quot;&gt; &lt;select data-field-store=&quot;input6-indtext_size&quot; id=&quot;uifm_fld_inp6_indtext_size&quot; data-live-search=&quot;true&quot; data-style=&quot;sfdc-btn-primary&quot; data-width=&quot;80px&quot; class=&quot;uifm_field_font_selectpicker uifm-f-setoption-font&quot;&gt; &lt;optgroup label=&quot;Font size&quot; data-max-options=&quot;2&quot;&gt; &lt;option value=&quot;8&quot;&gt;8 px&lt;/option&gt; &lt;option value=&quot;9&quot;&gt;9 px&lt;/option&gt; &lt;option value=&quot;10&quot;&gt;10 px&lt;/option&gt; &lt;option value=&quot;11&quot;&gt;11 px&lt;/option&gt; &lt;option value=&quot;12&quot;&gt;12 px&lt;/option&gt; &lt;option value=&quot;13&quot;&gt;13 px&lt;/option&gt; &lt;option value=&quot;14&quot;&gt;14 px&lt;/option&gt; &lt;option value=&quot;15&quot;&gt;15 px&lt;/option&gt; &lt;option value=&quot;16&quot;&gt;16 px&lt;/option&gt; &lt;option value=&quot;17&quot;&gt;17 px&lt;/option&gt; &lt;option value=&quot;18&quot;&gt;18 px&lt;/option&gt; &lt;option value=&quot;19&quot;&gt;19 px&lt;/option&gt; &lt;option value=&quot;20&quot;&gt;20 px&lt;/option&gt; &lt;option value=&quot;21&quot;&gt;21 px&lt;/option&gt; &lt;option value=&quot;22&quot;&gt;22 px&lt;/option&gt; &lt;option value=&quot;23&quot;&gt;23 px&lt;/option&gt; &lt;option value=&quot;24&quot;&gt;24 px&lt;/option&gt; &lt;option value=&quot;25&quot;&gt;25 px&lt;/option&gt; &lt;option value=&quot;26&quot;&gt;26 px&lt;/option&gt; &lt;option value=&quot;27&quot;&gt;27 px&lt;/option&gt; &lt;option value=&quot;28&quot;&gt;28 px&lt;/option&gt; &lt;option value=&quot;29&quot;&gt;29 px&lt;/option&gt; &lt;option value=&quot;30&quot;&gt;30 px&lt;/option&gt; &lt;option value=&quot;31&quot;&gt;31 px&lt;/option&gt; &lt;option value=&quot;32&quot;&gt;32 px&lt;/option&gt; &lt;option value=&quot;33&quot;&gt;33 px&lt;/option&gt; &lt;option value=&quot;34&quot;&gt;34 px&lt;/option&gt; &lt;option value=&quot;35&quot;&gt;35 px&lt;/option&gt; &lt;option value=&quot;36&quot;&gt;36 px&lt;/option&gt; &lt;option value=&quot;37&quot;&gt;37 px&lt;/option&gt; &lt;option value=&quot;38&quot;&gt;38 px&lt;/option&gt; &lt;option value=&quot;39&quot;&gt;39 px&lt;/option&gt; &lt;option value=&quot;40&quot;&gt;40 px&lt;/option&gt; &lt;option value=&quot;41&quot;&gt;41 px&lt;/option&gt; &lt;option value=&quot;42&quot;&gt;42 px&lt;/option&gt; &lt;option value=&quot;43&quot;&gt;43 px&lt;/option&gt; &lt;option value=&quot;44&quot;&gt;44 px&lt;/option&gt; &lt;option value=&quot;45&quot;&gt;45 px&lt;/option&gt; &lt;option value=&quot;46&quot;&gt;46 px&lt;/option&gt; &lt;option value=&quot;47&quot;&gt;47 px&lt;/option&gt; &lt;option value=&quot;48&quot;&gt;48 px&lt;/option&gt; &lt;/optgroup&gt; &lt;/select&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-input-group-btn&quot;&gt; &lt;button data-field-store=&quot;input6-indtext_bold&quot; class=&quot;sfdc-btn sfdc-btn-warning uifm-f-setoption-btn&quot; type=&quot;button&quot;&gt; &lt;i class=&quot;fa fa-bold&quot;&gt;&lt;/i&gt; &lt;input type=&quot;hidden&quot; id=&quot;uifm_fld_inp6_indtext_bold&quot; value=&quot;0&quot;&gt; &lt;/button&gt; &lt;button data-field-store=&quot;input6-indtext_italic&quot; class=&quot;sfdc-btn sfdc-btn-warning uifm-f-setoption-btn&quot; type=&quot;button&quot;&gt;&lt;i class=&quot;fa fa-italic&quot;&gt;&lt;/i&gt; &lt;input type=&quot;hidden&quot; id=&quot;uifm_fld_inp6_indtext_italic&quot; value=&quot;0&quot;&gt; &lt;/button&gt; &lt;button data-field-store=&quot;input6-indtext_underline&quot; class=&quot;sfdc-btn sfdc-btn-warning uifm-f-setoption-btn&quot; type=&quot;button&quot;&gt;&lt;i class=&quot;fa fa-underline&quot;&gt;&lt;/i&gt; &lt;input type=&quot;hidden&quot; id=&quot;uifm_fld_inp6_indtext_underline&quot; value=&quot;0&quot;&gt; &lt;/button&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;label &gt;Color&lt;/label&gt; &lt;div class=&quot;&quot;&gt; &lt;div class=&quot;sfdc-col-md-3&quot;&gt; &lt;input class=&quot;switch-field&quot; data-field-store=&quot;input6-indtext_color_st&quot; id=&quot;uifm_fld_inp6_indtext_color_st&quot; type=&quot;checkbox&quot;/&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-md-9&quot;&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-3&quot;&gt; &lt;label &gt;Color&lt;/label&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-sm-9&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;div data-field-store=&quot;input6-indtext_color&quot; class=&quot;sfdc-input-group uifm-custom-color&quot;&gt; &lt;span class=&quot;sfdc-input-group-addon&quot;&gt;&lt;i&gt;&lt;/i&gt;&lt;/span&gt; &lt;input placeholder=&quot;Pick the color&quot; id=&quot;uifm_fld_inp6_indtext_color&quot; type=&quot;text&quot; class=&quot;sfdc-form-control&quot; /&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;space10&quot;&gt;&lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;div class=&quot;divider2&quot;&gt; &lt;div class=&quot;mask&quot;&gt;&lt;/div&gt; &lt;span&gt;&lt;i&gt;Captcha Image&lt;/i&gt;&lt;/span&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;space10&quot;&gt;&lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;label &gt;Custom text color&lt;/label&gt; &lt;div class=&quot;&quot;&gt; &lt;div class=&quot;sfdc-col-md-3&quot;&gt; &lt;input class=&quot;switch-field&quot; data-field-store=&quot;input6-txt_color_st&quot; id=&quot;uifm_fld_inp6_txtcolor_st&quot; type=&quot;checkbox&quot;/&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-md-9&quot;&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-3&quot;&gt; &lt;label &gt;Color&lt;/label&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-sm-9&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;div data-field-store=&quot;input6-txt_color&quot; class=&quot;sfdc-input-group uifm-custom-color&quot;&gt; &lt;span class=&quot;sfdc-input-group-addon&quot;&gt;&lt;i&gt;&lt;/i&gt;&lt;/span&gt; &lt;input placeholder=&quot;Pick the color&quot; id=&quot;uifm_fld_inp6_txtcolor&quot; type=&quot;text&quot; value=&quot;&quot; name=&quot;&quot; class=&quot;sfdc-form-control&quot; /&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;space10&quot;&gt;&lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;label &gt;Custom Background color&lt;/label&gt; &lt;div class=&quot;&quot;&gt; &lt;div class=&quot;sfdc-col-md-3&quot;&gt; &lt;input class=&quot;switch-field&quot; data-field-store=&quot;input6-background_st&quot; id=&quot;uifm_fld_inp6_bgcolor_st&quot; type=&quot;checkbox&quot;/&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-md-9&quot;&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-3&quot;&gt; &lt;label &gt;Color&lt;/label&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-sm-9&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;div data-field-store=&quot;input6-background_color&quot; class=&quot;sfdc-input-group uifm-custom-color&quot;&gt; &lt;span class=&quot;sfdc-input-group-addon&quot;&gt;&lt;i&gt;&lt;/i&gt;&lt;/span&gt; &lt;input placeholder=&quot;Pick the color&quot; id=&quot;uifm_fld_inp6_bgcolor&quot; type=&quot;text&quot; value=&quot;&quot; name=&quot;&quot; class=&quot;sfdc-form-control&quot; /&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;space10&quot;&gt;&lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;label &gt;Custom Behind lines&lt;/label&gt; &lt;div class=&quot;&quot;&gt; &lt;div class=&quot;sfdc-col-md-3&quot;&gt; &lt;input class=&quot;switch-field&quot; data-field-store=&quot;input6-behind_lines_st&quot; id=&quot;uifm_fld_inp6_behlines_st&quot; type=&quot;checkbox&quot;/&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-md-9&quot;&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-3&quot;&gt; &lt;label &gt;Lines&lt;/label&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-sm-9&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;input id=&quot;uifm_fld_inp6_behlines&quot; data-field-store=&quot;input6-behind_lines&quot; class=&quot;uifm_fld_inp6_spinner&quot; type=&quot;text&quot; value=&quot;2&quot;&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;label &gt;Custom front lines&lt;/label&gt; &lt;div class=&quot;&quot;&gt; &lt;div class=&quot;sfdc-col-md-3&quot;&gt; &lt;input class=&quot;switch-field&quot; data-field-store=&quot;input6-front_lines_st&quot; id=&quot;uifm_fld_inp6_frontlines_st&quot; type=&quot;checkbox&quot;/&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-md-9&quot;&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-3&quot;&gt; &lt;label &gt;Lines&lt;/label&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-sm-9&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;input id=&quot;uifm_fld_inp6_frontlines&quot; data-field-store=&quot;input6-front_lines&quot; class=&quot;uifm_fld_inp6_spinner&quot; type=&quot;text&quot; value=&quot;2&quot; &gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;label &gt;Distortion&lt;/label&gt; &lt;div class=&quot;&quot;&gt; &lt;div class=&quot;sfdc-col-md-3&quot;&gt; &lt;input class=&quot;switch-field&quot; data-field-store=&quot;input6-distortion&quot; id=&quot;uifm_fld_inp6_distortion_st&quot; type=&quot;checkbox&quot;/&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-md-9&quot;&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;!--\end container --&gt; &lt;!--container ,.. --&gt; &lt;div class=&quot;uifm-set-section-input7&quot;&gt; &lt;div class=&quot;space10&quot;&gt;&lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;label &gt;Language&lt;/label&gt; &lt;select id=&quot;uifm_fld_inp7_lang&quot; data-field-store=&quot;input7-language&quot; class=&quot;sfdc-form-control input-sm uifm-f-setoption&quot;&gt; &lt;option value=&quot;&quot;&gt;English&lt;/option&gt; &lt;option value=&quot;es&quot;&gt;Spanish&lt;/option&gt; &lt;option value=&quot;fr&quot;&gt;French&lt;/option&gt; &lt;option value=&quot;it&quot;&gt;Italian&lt;/option&gt; &lt;option value=&quot;ja&quot;&gt;Japanese&lt;/option&gt; &lt;option value=&quot;pt&quot;&gt;Portuguese&lt;/option&gt; &lt;option value=&quot;ru&quot;&gt;Russian&lt;/option&gt; &lt;option value=&quot;zh-cn&quot;&gt;Chinese&lt;/option&gt; &lt;option value=&quot;de&quot;&gt;German&lt;/option&gt; &lt;option value=&quot;da&quot;&gt;Danish&lt;/option&gt; &lt;/select&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-sm-6&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;label &gt;Format&lt;/label&gt; &lt;select id=&quot;uifm_fld_inp7_format&quot; data-field-store=&quot;input7-format&quot; class=&quot;sfdc-form-control input-sm uifm-f-setoption&quot;&gt; &lt;option value=&quot;&quot; selected=&quot;&quot;&gt;Default&lt;/option&gt; &lt;option value=&quot;dddd ,D MMM, YYYY&quot;&gt;dddd ,D MMM, YYYY&lt;/option&gt; &lt;option value=&quot;dddd ,MMM D, YYYY&quot;&gt;dddd ,MMM D, YYYY&lt;/option&gt; &lt;option value=&quot;DD/MM/YYYY&quot;&gt;DD/MM/YYYY&lt;/option&gt; &lt;option value=&quot;MM/DD/YYYY&quot;&gt;MM/DD/YYYY&lt;/option&gt; &lt;/select&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;space10&quot;&gt;&lt;/div&gt; &lt;/div&gt; &lt;!--\end container --&gt; &lt;!--container --&gt; &lt;div class=&quot;uifm-set-section-input8&quot;&gt; &lt;div class=&quot;space10&quot;&gt;&lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-sm-12&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;label for=&quot;uifm_fld_lbl_txt&quot;&gt;Text&lt;/label&gt; &lt;input type=&quot;text&quot; data-field-store=&quot;input8-value&quot; id=&quot;uifm_fld_input8_value&quot; class=&quot;sfdc-form-control uifm-f-setoption&quot;&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;space10&quot;&gt;&lt;/div&gt; &lt;/div&gt; &lt;!--\end container --&gt; &lt;!--container --&gt; &lt;div class=&quot;uifm-set-section-input9&quot;&gt; &lt;div class=&quot;space10&quot;&gt;&lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-sm-12&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;label &gt;Text star 1&lt;/label&gt; &lt;input type=&quot;text&quot; data-field-store=&quot;input9-txt_star1&quot; id=&quot;uifm_fld_input9_star1&quot; class=&quot;sfdc-form-control uifm-f-setoption&quot;&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-sm-12&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;label &gt;Text star 2&lt;/label&gt; &lt;input type=&quot;text&quot; data-field-store=&quot;input9-txt_star2&quot; id=&quot;uifm_fld_input9_star2&quot; class=&quot;sfdc-form-control uifm-f-setoption&quot;&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-sm-12&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;label &gt;Text star 3&lt;/label&gt; &lt;input type=&quot;text&quot; data-field-store=&quot;input9-txt_star3&quot; id=&quot;uifm_fld_input9_star3&quot; class=&quot;sfdc-form-control uifm-f-setoption&quot;&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-sm-12&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;label &gt;Text star 4&lt;/label&gt; &lt;input type=&quot;text&quot; data-field-store=&quot;input9-txt_star4&quot; id=&quot;uifm_fld_input9_star4&quot; class=&quot;sfdc-form-control uifm-f-setoption&quot;&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-sm-12&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;label &gt;Text star 5&lt;/label&gt; &lt;input type=&quot;text&quot; data-field-store=&quot;input9-txt_star5&quot; id=&quot;uifm_fld_input9_star5&quot; class=&quot;sfdc-form-control uifm-f-setoption&quot;&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-sm-12&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;label &gt;Not rated text&lt;/label&gt; &lt;input type=&quot;text&quot; data-field-store=&quot;input9-txt_norate&quot; id=&quot;uifm_fld_input9_norate&quot; class=&quot;sfdc-form-control uifm-f-setoption&quot;&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;space10&quot;&gt;&lt;/div&gt; &lt;/div&gt; &lt;!--\end container --&gt; &lt;!--container --&gt; &lt;div class=&quot;uifm-set-section-input11&quot;&gt; &lt;div class=&quot;space10&quot;&gt;&lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-sm-12&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;label &gt;Text&lt;/label&gt; &lt;div class=&quot;sfdc-input-group&quot;&gt; &lt;input type=&quot;text&quot; data-field-store=&quot;input11-text_val&quot; id=&quot;uifm_fld_input11_textval&quot; class=&quot;sfdc-form-control uifm-f-setoption&quot;&gt; &lt;div class=&quot;sfdc-input-group-btn&quot;&gt; &lt;select data-field-store=&quot;input11-text_size&quot; id=&quot;uifm_fld_input11_size&quot; data-live-search=&quot;true&quot; data-width=&quot;80px&quot; data-style=&quot;sfdc-btn-primary&quot; class=&quot;uifm_field_font_selectpicker uifm-f-setoption-font&quot;&gt; &lt;optgroup label=&quot;Font size&quot; data-max-options=&quot;2&quot;&gt; &lt;option value=&quot;8&quot;&gt;8 px&lt;/option&gt; &lt;option value=&quot;9&quot;&gt;9 px&lt;/option&gt; &lt;option value=&quot;10&quot;&gt;10 px&lt;/option&gt; &lt;option value=&quot;11&quot;&gt;11 px&lt;/option&gt; &lt;option value=&quot;12&quot;&gt;12 px&lt;/option&gt; &lt;option value=&quot;13&quot;&gt;13 px&lt;/option&gt; &lt;option value=&quot;14&quot;&gt;14 px&lt;/option&gt; &lt;option value=&quot;15&quot;&gt;15 px&lt;/option&gt; &lt;option value=&quot;16&quot;&gt;16 px&lt;/option&gt; &lt;option value=&quot;17&quot;&gt;17 px&lt;/option&gt; &lt;option value=&quot;18&quot;&gt;18 px&lt;/option&gt; &lt;option value=&quot;19&quot;&gt;19 px&lt;/option&gt; &lt;option value=&quot;20&quot;&gt;20 px&lt;/option&gt; &lt;option value=&quot;21&quot;&gt;21 px&lt;/option&gt; &lt;option value=&quot;22&quot;&gt;22 px&lt;/option&gt; &lt;option value=&quot;23&quot;&gt;23 px&lt;/option&gt; &lt;option value=&quot;24&quot;&gt;24 px&lt;/option&gt; &lt;option value=&quot;25&quot;&gt;25 px&lt;/option&gt; &lt;option value=&quot;26&quot;&gt;26 px&lt;/option&gt; &lt;option value=&quot;27&quot;&gt;27 px&lt;/option&gt; &lt;option value=&quot;28&quot;&gt;28 px&lt;/option&gt; &lt;option value=&quot;29&quot;&gt;29 px&lt;/option&gt; &lt;option value=&quot;30&quot;&gt;30 px&lt;/option&gt; &lt;option value=&quot;31&quot;&gt;31 px&lt;/option&gt; &lt;option value=&quot;32&quot;&gt;32 px&lt;/option&gt; &lt;option value=&quot;33&quot;&gt;33 px&lt;/option&gt; &lt;option value=&quot;34&quot;&gt;34 px&lt;/option&gt; &lt;option value=&quot;35&quot;&gt;35 px&lt;/option&gt; &lt;option value=&quot;36&quot;&gt;36 px&lt;/option&gt; &lt;option value=&quot;37&quot;&gt;37 px&lt;/option&gt; &lt;option value=&quot;38&quot;&gt;38 px&lt;/option&gt; &lt;option value=&quot;39&quot;&gt;39 px&lt;/option&gt; &lt;option value=&quot;40&quot;&gt;40 px&lt;/option&gt; &lt;option value=&quot;41&quot;&gt;41 px&lt;/option&gt; &lt;option value=&quot;42&quot;&gt;42 px&lt;/option&gt; &lt;option value=&quot;43&quot;&gt;43 px&lt;/option&gt; &lt;option value=&quot;44&quot;&gt;44 px&lt;/option&gt; &lt;option value=&quot;45&quot;&gt;45 px&lt;/option&gt; &lt;option value=&quot;46&quot;&gt;46 px&lt;/option&gt; &lt;option value=&quot;47&quot;&gt;47 px&lt;/option&gt; &lt;option value=&quot;48&quot;&gt;48 px&lt;/option&gt; &lt;/optgroup&gt; &lt;/select&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-input-group-btn&quot;&gt; &lt;button data-field-store=&quot;input11-bold&quot; class=&quot;sfdc-btn sfdc-btn-warning uifm-f-setoption-btn&quot; type=&quot;button&quot;&gt; &lt;i class=&quot;fa fa-bold&quot;&gt;&lt;/i&gt; &lt;input type=&quot;hidden&quot; id=&quot;uifm_fld_input11_textbold&quot; value=&quot;0&quot;&gt; &lt;/button&gt; &lt;button data-field-store=&quot;input11-italic&quot; class=&quot;sfdc-btn sfdc-btn-warning uifm-f-setoption-btn&quot; type=&quot;button&quot;&gt;&lt;i class=&quot;fa fa-italic&quot;&gt;&lt;/i&gt; &lt;input type=&quot;hidden&quot; id=&quot;uifm_fld_input11_textitalic&quot; value=&quot;0&quot;&gt; &lt;/button&gt; &lt;button data-field-store=&quot;input11-underline&quot; class=&quot;sfdc-btn sfdc-btn-warning uifm-f-setoption-btn&quot; type=&quot;button&quot;&gt;&lt;i class=&quot;fa fa-underline&quot;&gt;&lt;/i&gt; &lt;input type=&quot;hidden&quot; id=&quot;uifm_fld_input11_textu&quot; value=&quot;0&quot;&gt; &lt;/button&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-4&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;label &gt;Color&lt;/label&gt; &lt;div data-field-store=&quot;input11-text_color&quot; class=&quot;sfdc-input-group uifm-custom-color&quot;&gt; &lt;input type=&quot;text&quot; value=&quot;&quot; id=&quot;uifm_fld_input11_textcolor&quot; class=&quot;sfdc-form-control&quot; /&gt; &lt;span class=&quot;sfdc-input-group-addon&quot;&gt;&lt;i&gt;&lt;/i&gt;&lt;/span&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-sm-8&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;label &gt;Font family&lt;/label&gt; &lt;div class=&quot;sfdc-input-group uifm-custom-font&quot;&gt; &lt;select name=&quot;uifm_fld_input11_font&quot;id=&quot;uifm_fld_input11_font&quot;data-field-store=&quot;input11-font&quot; class=&quot;sfm&quot; data-selected=&quot;{&amp;quot;family&amp;quot;:&amp;quot;Arial, Helvetica, sans-serif&amp;quot;,&amp;quot;name&amp;quot;:&amp;quot;Arial&amp;quot;,&amp;quot;classname&amp;quot;:&amp;quot;arial&amp;quot;}&quot; data-placeholder=&quot;Select a Font...&quot;&gt; &lt;option value=&quot;&quot;&gt;&lt;/option&gt; &lt;/select&gt; &lt;span class=&quot;sfdc-input-group-addon&quot;&gt; &lt;input data-field-store=&quot;input11-font_st&quot; id=&quot;uifm_fld_input11_font_st&quot; class=&quot;uifm-f-setoption-st&quot; value=&quot;1&quot; type=&quot;checkbox&quot;&gt; &lt;/span&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;label &gt;Divider bar Color&lt;/label&gt; &lt;div data-field-store=&quot;input11-div_color&quot; class=&quot;sfdc-input-group uifm-custom-color&quot;&gt; &lt;span class=&quot;sfdc-input-group-addon&quot;&gt;&lt;i&gt;&lt;/i&gt;&lt;/span&gt; &lt;input type=&quot;text&quot; value=&quot;&quot; id=&quot;uifm_fld_input11_barcolor&quot; class=&quot;sfdc-form-control&quot; /&gt; &lt;span class=&quot;sfdc-input-group-addon&quot;&gt; &lt;input data-field-store=&quot;input11-div_col_st&quot; id=&quot;uifm_fld_input11_divcol_st&quot; class=&quot;uifm-f-setoption-st&quot; value=&quot;1&quot; type=&quot;checkbox&quot;&gt; &lt;/span&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;space10&quot;&gt;&lt;/div&gt; &lt;/div&gt; &lt;!--\end container --&gt; &lt;!--container --&gt; &lt;div class=&quot;uifm-set-section-input14&quot;&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;div class=&quot;divider2&quot;&gt; &lt;div class=&quot;mask&quot;&gt;&lt;/div&gt; &lt;span&gt;&lt;i&gt;Settings&lt;/i&gt;&lt;/span&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;space10&quot;&gt;&lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;label &gt;Buttons alignment&lt;/label&gt; &lt;div class=&quot;sfdc-controls sfdc-form-group&quot;&gt; &lt;div class=&quot;sfdc-btn-group sfdc-btn-group-justified&quot; data-toggle=&quot;buttons&quot;&gt; &lt;label data-field-store=&quot;input14-obj_align&quot; data-toggle-enable=&quot;sfdc-btn-success&quot; data-toggle-disable=&quot;sfdc-btn-success&quot; data-settings-option=&quot;group-radiobutton&quot; class=&quot;sfdc-btn sfdc-btn-success uifm-f-setoption-btn&quot; &gt; &lt;input type=&quot;radio&quot; id=&quot;uifm_fld_inp14_objalign_1&quot; name=&quot;uifm_fld_inp14_objalign_1&quot; value=&quot;0&quot;&gt; &lt;i class=&quot;fa fa-align-left&quot;&gt;&lt;/i&gt; Left &lt;/label&gt; &lt;label data-field-store=&quot;input14-obj_align&quot; data-toggle-enable=&quot;sfdc-btn-success&quot; data-toggle-disable=&quot;sfdc-btn-success&quot; data-settings-option=&quot;group-radiobutton&quot; class=&quot;sfdc-btn sfdc-btn-success uifm-f-setoption-btn&quot; &gt; &lt;input type=&quot;radio&quot; id=&quot;uifm_fld_inp14_objalign_2&quot; name=&quot;uifm_fld_inp14_objalign_2&quot; value=&quot;1&quot;&gt; &lt;i class=&quot;fa fa-align-center&quot;&gt;&lt;/i&gt; Center &lt;/label&gt; &lt;label data-field-store=&quot;input14-obj_align&quot; data-toggle-enable=&quot;sfdc-btn-success&quot; data-toggle-disable=&quot;sfdc-btn-success&quot; data-settings-option=&quot;group-radiobutton&quot; class=&quot;sfdc-btn sfdc-btn-success uifm-f-setoption-btn&quot; &gt; &lt;input type=&quot;radio&quot; id=&quot;uifm_fld_inp14_objalign_3&quot; name=&quot;uifm_fld_inp14_objalign_3&quot; value=&quot;2&quot;&gt; &lt;i class=&quot;fa fa-align-right&quot;&gt;&lt;/i&gt; Right &lt;/label&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;space10&quot;&gt;&lt;/div&gt; &lt;/div&gt; &lt;!--\end container --&gt; &lt;!--container --&gt; &lt;div class=&quot;uifm-set-section-input12&quot;&gt; &lt;div class=&quot;uiform-setting-divider-bar&quot;&gt; &lt;span class=&quot;uiform-setting-divider-text&quot;&gt;Next Button&lt;/span&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;div class=&quot;divider2&quot;&gt; &lt;div class=&quot;mask&quot;&gt;&lt;/div&gt; &lt;span&gt;&lt;i&gt;Input&lt;/i&gt;&lt;/span&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-sm-12&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;label&gt;Text&lt;/label&gt; &lt;div class=&quot;sfdc-input-group&quot;&gt; &lt;input type=&quot;text&quot; data-field-store=&quot;input12-value_lbl&quot; id=&quot;uifm_fld_input12_value&quot; name=&quot;uifm_fld_inp12_value&quot; class=&quot;sfdc-form-control uifm-f-setoption&quot;&gt; &lt;div class=&quot;sfdc-input-group-btn&quot;&gt; &lt;select data-field-store=&quot;input12-size&quot; id=&quot;uifm_fld_inp12_size&quot; name=&quot;uifm_fld_inp12_size&quot; data-live-search=&quot;true&quot; data-width=&quot;80px&quot; data-style=&quot;sfdc-btn-primary&quot; class=&quot;uifm_field_font_selectpicker uifm-f-setoption-font&quot;&gt; &lt;optgroup label=&quot;Font size&quot; data-max-options=&quot;2&quot;&gt; &lt;option value=&quot;8&quot;&gt;8 px&lt;/option&gt; &lt;option value=&quot;9&quot;&gt;9 px&lt;/option&gt; &lt;option value=&quot;10&quot;&gt;10 px&lt;/option&gt; &lt;option value=&quot;11&quot;&gt;11 px&lt;/option&gt; &lt;option value=&quot;12&quot;&gt;12 px&lt;/option&gt; &lt;option value=&quot;13&quot;&gt;13 px&lt;/option&gt; &lt;option value=&quot;14&quot;&gt;14 px&lt;/option&gt; &lt;option value=&quot;15&quot;&gt;15 px&lt;/option&gt; &lt;option value=&quot;16&quot;&gt;16 px&lt;/option&gt; &lt;option value=&quot;17&quot;&gt;17 px&lt;/option&gt; &lt;option value=&quot;18&quot;&gt;18 px&lt;/option&gt; &lt;option value=&quot;19&quot;&gt;19 px&lt;/option&gt; &lt;option value=&quot;20&quot;&gt;20 px&lt;/option&gt; &lt;option value=&quot;21&quot;&gt;21 px&lt;/option&gt; &lt;option value=&quot;22&quot;&gt;22 px&lt;/option&gt; &lt;option value=&quot;23&quot;&gt;23 px&lt;/option&gt; &lt;option value=&quot;24&quot;&gt;24 px&lt;/option&gt; &lt;option value=&quot;25&quot;&gt;25 px&lt;/option&gt; &lt;option value=&quot;26&quot;&gt;26 px&lt;/option&gt; &lt;option value=&quot;27&quot;&gt;27 px&lt;/option&gt; &lt;option value=&quot;28&quot;&gt;28 px&lt;/option&gt; &lt;option value=&quot;29&quot;&gt;29 px&lt;/option&gt; &lt;option value=&quot;30&quot;&gt;30 px&lt;/option&gt; &lt;option value=&quot;31&quot;&gt;31 px&lt;/option&gt; &lt;option value=&quot;32&quot;&gt;32 px&lt;/option&gt; &lt;option value=&quot;33&quot;&gt;33 px&lt;/option&gt; &lt;option value=&quot;34&quot;&gt;34 px&lt;/option&gt; &lt;option value=&quot;35&quot;&gt;35 px&lt;/option&gt; &lt;option value=&quot;36&quot;&gt;36 px&lt;/option&gt; &lt;option value=&quot;37&quot;&gt;37 px&lt;/option&gt; &lt;option value=&quot;38&quot;&gt;38 px&lt;/option&gt; &lt;option value=&quot;39&quot;&gt;39 px&lt;/option&gt; &lt;option value=&quot;40&quot;&gt;40 px&lt;/option&gt; &lt;option value=&quot;41&quot;&gt;41 px&lt;/option&gt; &lt;option value=&quot;42&quot;&gt;42 px&lt;/option&gt; &lt;option value=&quot;43&quot;&gt;43 px&lt;/option&gt; &lt;option value=&quot;44&quot;&gt;44 px&lt;/option&gt; &lt;option value=&quot;45&quot;&gt;45 px&lt;/option&gt; &lt;option value=&quot;46&quot;&gt;46 px&lt;/option&gt; &lt;option value=&quot;47&quot;&gt;47 px&lt;/option&gt; &lt;option value=&quot;48&quot;&gt;48 px&lt;/option&gt; &lt;/optgroup&gt; &lt;/select&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-input-group-btn&quot;&gt; &lt;button data-field-store=&quot;input12-bold&quot; class=&quot;sfdc-btn sfdc-btn-warning uifm-f-setoption-btn&quot; type=&quot;button&quot;&gt; &lt;i class=&quot;fa fa-bold&quot;&gt;&lt;/i&gt; &lt;input type=&quot;hidden&quot; id=&quot;uifm_fld_inp12_bold&quot; name=&quot;uifm_fld_inp12_bold&quot; value=&quot;0&quot;&gt; &lt;/button&gt; &lt;button data-field-store=&quot;input12-italic&quot; class=&quot;sfdc-btn sfdc-btn-warning uifm-f-setoption-btn&quot; type=&quot;button&quot;&gt;&lt;i class=&quot;fa fa-italic&quot;&gt;&lt;/i&gt; &lt;input type=&quot;hidden&quot; id=&quot;uifm_fld_inp12_italic&quot; name=&quot;uifm_fld_inp12_italic&quot; value=&quot;0&quot;&gt; &lt;/button&gt; &lt;button data-field-store=&quot;input12-underline&quot; class=&quot;sfdc-btn sfdc-btn-warning uifm-f-setoption-btn&quot; type=&quot;button&quot;&gt;&lt;i class=&quot;fa fa-underline&quot;&gt;&lt;/i&gt; &lt;input type=&quot;hidden&quot; id=&quot;uifm_fld_inp12_u&quot; name=&quot;uifm_fld_inp12_u&quot; value=&quot;0&quot;&gt; &lt;/button&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-sm-12&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;label&gt;Text for last button &lt;a href=&quot;javascript:void(0);&quot; data-toggle=&quot;tooltip&quot; data-placement=&quot;right&quot; data-original-title=&quot;you can check this on frontend page or preview&quot; &gt;&lt;span class=&quot;fa fa-question-circle&quot;&gt;&lt;/span&gt;&lt;/a&gt; &lt;/label&gt; &lt;div class=&quot;sfdc-input-group&quot;&gt; &lt;input type=&quot;text&quot; data-field-store=&quot;input12-value_lbl_last&quot; id=&quot;uifm_fld_input12_value_lbl_last&quot; name=&quot;uifm_fld_inp12_value_lbl_last&quot; class=&quot;sfdc-form-control uifm-f-setoption&quot;&gt; &lt;div class=&quot;sfdc-input-group-btn&quot;&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;uifm-set-section-input-placeh&quot;&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-sm-12&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;label for=&quot;uifm_fld_inp12_pholdr&quot;&gt;Place holder&lt;/label&gt; &lt;input data-field-store=&quot;input12-placeholder&quot; type=&quot;text&quot; id=&quot;uifm_fld_inp12_pholdr&quot; name=&quot;uifm_fld_inp12_pholdr&quot; placeholder=&quot;&quot; class=&quot;sfdc-form-control uifm-f-setoption&quot;&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-4&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;label &gt;Color&lt;/label&gt; &lt;div data-field-store=&quot;input12-color&quot; class=&quot;sfdc-input-group uifm-custom-color&quot;&gt; &lt;input type=&quot;text&quot; value=&quot;&quot; id=&quot;uifm_fld_inp12_color&quot; name=&quot;uifm_fld_inp12_color&quot; class=&quot;sfdc-form-control&quot; /&gt; &lt;span class=&quot;sfdc-input-group-addon&quot;&gt;&lt;i&gt;&lt;/i&gt;&lt;/span&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-sm-8&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;label &gt;Font family&lt;/label&gt; &lt;div class=&quot;sfdc-input-group uifm-custom-font&quot;&gt; &lt;select name=&quot;uifm_fld_inp12_font&quot;id=&quot;uifm_fld_inp12_font&quot;data-field-store=&quot;input12-font&quot; class=&quot;sfm&quot; data-selected=&quot;{&amp;quot;family&amp;quot;:&amp;quot;Arial, Helvetica, sans-serif&amp;quot;,&amp;quot;name&amp;quot;:&amp;quot;Arial&amp;quot;,&amp;quot;classname&amp;quot;:&amp;quot;arial&amp;quot;}&quot; data-placeholder=&quot;Select a Font...&quot;&gt; &lt;option value=&quot;&quot;&gt;&lt;/option&gt; &lt;/select&gt; &lt;span class=&quot;sfdc-input-group-addon&quot;&gt; &lt;input data-field-store=&quot;input12-font_st&quot; id=&quot;uifm_fld_inp12_font_st&quot; name=&quot;uifm_fld_inp12_font_st&quot; class=&quot;uifm-f-setoption-st&quot; value=&quot;1&quot; type=&quot;checkbox&quot;&gt; &lt;/span&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;uifm-set-section-input-valign&quot;&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;label &gt;Input value alignment&lt;/label&gt; &lt;div class=&quot;sfdc-controls sfdc-form-group&quot;&gt; &lt;div class=&quot;sfdc-btn-group sfdc-btn-group-justified&quot; data-toggle=&quot;buttons&quot;&gt; &lt;label data-field-store=&quot;input12-val_align&quot; data-toggle-enable=&quot;sfdc-btn-success&quot; data-toggle-disable=&quot;sfdc-btn-success&quot; data-settings-option=&quot;group-radiobutton&quot; class=&quot;sfdc-btn sfdc-btn-success uifm-f-setoption-btn&quot; &gt; &lt;input type=&quot;radio&quot; id=&quot;uifm_fld_inp12_align_1&quot; name=&quot;uifm_fld_inp12_align_1&quot; value=&quot;0&quot;&gt; &lt;i class=&quot;fa fa-align-left&quot;&gt;&lt;/i&gt; Left &lt;/label&gt; &lt;label data-field-store=&quot;input12-val_align&quot; data-toggle-enable=&quot;sfdc-btn-success&quot; data-toggle-disable=&quot;sfdc-btn-success&quot; data-settings-option=&quot;group-radiobutton&quot; class=&quot;sfdc-btn sfdc-btn-success uifm-f-setoption-btn&quot; &gt; &lt;input type=&quot;radio&quot; id=&quot;uifm_fld_inp12_align_2&quot; name=&quot;uifm_fld_inp12_align_2&quot; value=&quot;1&quot;&gt; &lt;i class=&quot;fa fa-align-center&quot;&gt;&lt;/i&gt; Center &lt;/label&gt; &lt;label data-field-store=&quot;input12-val_align&quot; data-toggle-enable=&quot;sfdc-btn-success&quot; data-toggle-disable=&quot;sfdc-btn-success&quot; data-settings-option=&quot;group-radiobutton&quot; class=&quot;sfdc-btn sfdc-btn-success uifm-f-setoption-btn&quot; &gt; &lt;input type=&quot;radio&quot; id=&quot;uifm_fld_inp12_align_3&quot; name=&quot;uifm_fld_inp12_align_3&quot; value=&quot;2&quot;&gt; &lt;i class=&quot;fa fa-align-right&quot;&gt;&lt;/i&gt; Right &lt;/label&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;uifm-set-section-input-objalign&quot;&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;label &gt;Button alignment&lt;/label&gt; &lt;div class=&quot;sfdc-controls sfdc-form-group&quot;&gt; &lt;div class=&quot;sfdc-btn-group sfdc-btn-group-justified&quot; data-toggle=&quot;buttons&quot;&gt; &lt;label data-field-store=&quot;input12-obj_align&quot; data-toggle-enable=&quot;sfdc-btn-success&quot; data-toggle-disable=&quot;sfdc-btn-success&quot; data-settings-option=&quot;group-radiobutton&quot; class=&quot;sfdc-btn sfdc-btn-success uifm-f-setoption-btn&quot; &gt; &lt;input type=&quot;radio&quot; id=&quot;uifm_fld_inp12_objalign_1&quot; name=&quot;uifm_fld_inp12_objalign_1&quot; value=&quot;0&quot;&gt; &lt;i class=&quot;fa fa-align-left&quot;&gt;&lt;/i&gt; Left &lt;/label&gt; &lt;label data-field-store=&quot;input12-obj_align&quot; data-toggle-enable=&quot;sfdc-btn-success&quot; data-toggle-disable=&quot;sfdc-btn-success&quot; data-settings-option=&quot;group-radiobutton&quot; class=&quot;sfdc-btn sfdc-btn-success uifm-f-setoption-btn&quot; &gt; &lt;input type=&quot;radio&quot; id=&quot;uifm_fld_inp12_objalign_2&quot; name=&quot;uifm_fld_inp12_objalign_2&quot; value=&quot;1&quot;&gt; &lt;i class=&quot;fa fa-align-center&quot;&gt;&lt;/i&gt; Center &lt;/label&gt; &lt;label data-field-store=&quot;input12-obj_align&quot; data-toggle-enable=&quot;sfdc-btn-success&quot; data-toggle-disable=&quot;sfdc-btn-success&quot; data-settings-option=&quot;group-radiobutton&quot; class=&quot;sfdc-btn sfdc-btn-success uifm-f-setoption-btn&quot; &gt; &lt;input type=&quot;radio&quot; id=&quot;uifm_fld_inp12_objalign_3&quot; name=&quot;uifm_fld_inp12_objalign_3&quot; value=&quot;2&quot;&gt; &lt;i class=&quot;fa fa-align-right&quot;&gt;&lt;/i&gt; Right &lt;/label&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;uifm-set-section-input12boxbg&quot;&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;div class=&quot;divider2&quot;&gt; &lt;div class=&quot;mask&quot;&gt;&lt;/div&gt; &lt;span&gt;&lt;i&gt;Background&lt;/i&gt;&lt;/span&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;label &gt;Background color&lt;/label&gt; &lt;div class=&quot;&quot;&gt; &lt;div class=&quot;sfdc-col-md-3&quot;&gt; &lt;input class=&quot;switch-field&quot; data-field-store=&quot;el12_background-show_st&quot; id=&quot;uifm_fld_elbg12_st&quot; name=&quot;uifm_fld_elbg12_st&quot; type=&quot;checkbox&quot;/&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-md-9&quot;&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-3&quot;&gt; &lt;label &gt;Type&lt;/label&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-sm-9&quot;&gt; &lt;div class=&quot;sfdc-controls sfdc-form-group&quot;&gt; &lt;div class=&quot;sfdc-btn-group sfdc-btn-group-justified&quot; data-toggle=&quot;buttons&quot;&gt; &lt;label data-field-store=&quot;el12_background-type&quot; data-toggle-enable=&quot;sfdc-btn-warning&quot; data-toggle-disable=&quot;sfdc-btn-warning&quot; data-settings-option=&quot;group-radiobutton&quot; id=&quot;uifm_fld_elbg12_type_1&quot; class=&quot;sfdc-btn sfdc-btn-warning uifm-f-setoption-btn&quot; &gt; &lt;input type=&quot;radio&quot; value=&quot;1&quot;&gt; Solid &lt;/label&gt; &lt;label data-field-store=&quot;el12_background-type&quot; data-toggle-enable=&quot;sfdc-btn-warning&quot; data-toggle-disable=&quot;sfdc-btn-warning&quot; data-settings-option=&quot;group-radiobutton&quot; id=&quot;uifm_fld_elbg12_type_2&quot; class=&quot;sfdc-btn sfdc-btn-warning uifm-f-setoption-btn&quot; &gt; &lt;input type=&quot;radio&quot; value=&quot;2&quot; checked&gt; Gradient &lt;/label&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-3&quot;&gt; &lt;label &gt;Color&lt;/label&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-sm-9&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;div data-field-store=&quot;el12_background-solid_color&quot; class=&quot;sfdc-input-group uifm-custom-color&quot;&gt; &lt;span class=&quot;sfdc-input-group-addon&quot;&gt;&lt;i&gt;&lt;/i&gt;&lt;/span&gt; &lt;input placeholder=&quot;Pick the color&quot; id=&quot;uifm_fld_elbg12_color_1&quot; type=&quot;text&quot; value=&quot;&quot; name=&quot;&quot; class=&quot;sfdc-form-control&quot; /&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-3&quot;&gt; &lt;label &gt;Start color&lt;/label&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-sm-9&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;div data-field-store=&quot;el12_background-start_color&quot; class=&quot;sfdc-input-group uifm-custom-color&quot;&gt; &lt;span class=&quot;sfdc-input-group-addon&quot;&gt;&lt;i&gt;&lt;/i&gt;&lt;/span&gt; &lt;input placeholder=&quot;Pick the color&quot; type=&quot;text&quot; value=&quot;&quot; id=&quot;uifm_fld_elbg12_color_2&quot; name=&quot;&quot; class=&quot;sfdc-form-control&quot; /&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-3&quot;&gt; &lt;label &gt;End color&lt;/label&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-sm-9&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;div data-field-store=&quot;el12_background-end_color&quot; class=&quot;sfdc-input-group uifm-custom-color&quot;&gt; &lt;span class=&quot;sfdc-input-group-addon&quot;&gt;&lt;i&gt;&lt;/i&gt;&lt;/span&gt; &lt;input placeholder=&quot;Pick the color&quot; id=&quot;uifm_fld_elbg12_color_3&quot; type=&quot;text&quot; value=&quot;&quot; name=&quot;&quot; class=&quot;sfdc-form-control&quot; /&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;uifm-set-section-input12boxborder&quot;&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;div class=&quot;divider2&quot;&gt; &lt;div class=&quot;mask&quot;&gt;&lt;/div&gt; &lt;span&gt;&lt;i&gt;Border&lt;/i&gt;&lt;/span&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;label &gt;Border radius&lt;/label&gt; &lt;div class=&quot;&quot;&gt; &lt;div class=&quot;sfdc-col-md-3&quot;&gt; &lt;input data-field-store=&quot;el12_border_radius-show_st&quot; class=&quot;switch-field&quot; name=&quot;uifm_fld_elbora12_st&quot; id=&quot;uifm_fld_elbora12_st&quot; type=&quot;checkbox&quot;/&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-md-9&quot;&gt; &lt;input type=&quot;text&quot; style=&quot;width:100%;&quot; data-field-store=&quot;el12_border_radius-size&quot; data-slider-value=&quot;14&quot; data-slider-step=&quot;1&quot; data-slider-max=&quot;60&quot; data-slider-min=&quot;0&quot; data-slider-id=&quot;&quot; id=&quot;uifm_fld_elbora12_size&quot; class=&quot;uiform-opt-slider&quot;&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;space10&quot;&gt;&lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;label &gt;Border&lt;/label&gt; &lt;div class=&quot;&quot;&gt; &lt;div class=&quot;sfdc-col-md-3&quot;&gt; &lt;input data-field-store=&quot;el12_border-show_st&quot; class=&quot;switch-field&quot; name=&quot;uifm_fld_elbor12_st&quot; id=&quot;uifm_fld_elbor12_st&quot; type=&quot;checkbox&quot;/&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-md-9&quot;&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-3&quot;&gt; &lt;label &gt;Color&lt;/label&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-sm-9&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;div data-field-store=&quot;el12_border-color&quot; class=&quot;sfdc-input-group uifm-custom-color&quot;&gt; &lt;span class=&quot;sfdc-input-group-addon&quot;&gt;&lt;i&gt;&lt;/i&gt;&lt;/span&gt; &lt;input placeholder=&quot;Pick the color&quot; type=&quot;text&quot; value=&quot;&quot; name=&quot;uifm_fld_elbor12_color&quot; id=&quot;uifm_fld_elbor12_color&quot; class=&quot;sfdc-form-control&quot; /&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-3&quot;&gt; &lt;label &gt;Color (focus)&lt;/label&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-sm-9&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;div data-field-store=&quot;el12_border-color_focus&quot; class=&quot;sfdc-input-group uifm-custom-color&quot;&gt; &lt;span class=&quot;sfdc-input-group-addon&quot;&gt;&lt;i&gt;&lt;/i&gt;&lt;/span&gt; &lt;input placeholder=&quot;Pick the color&quot; type=&quot;text&quot; value=&quot;&quot; name=&quot;uifm_fld_elbor12_colorfocus&quot; id=&quot;uifm_fld_elbor12_colorfocus&quot; class=&quot;sfdc-form-control&quot; /&gt; &lt;span class=&quot;sfdc-input-group-addon tooltip-option-enable&quot;&gt; &lt;input data-field-store=&quot;el12_border-color_focus_st&quot; id=&quot;uifm_fld_elbor12_colorfocus_st&quot; name=&quot;uifm_fld_elbor12_colorfocus_st&quot; class=&quot;uifm-f-setoption-st&quot; value=&quot;1&quot; type=&quot;checkbox&quot;&gt; &lt;/span&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-3&quot;&gt; &lt;label &gt;border style&lt;/label&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-sm-9&quot;&gt; &lt;div class=&quot;sfdc-controls sfdc-form-group&quot;&gt; &lt;div class=&quot;sfdc-btn-group sfdc-btn-group-justified&quot; data-toggle=&quot;buttons&quot;&gt; &lt;label data-field-store=&quot;el12_border-style&quot; data-toggle-enable=&quot;sfdc-btn-warning&quot; data-toggle-disable=&quot;sfdc-btn-warning&quot; data-settings-option=&quot;group-radiobutton&quot; id=&quot;uifm_fld_elbor12_style_1&quot; class=&quot;sfdc-btn sfdc-btn-warning uifm-f-setoption-btn&quot; &gt; &lt;input type=&quot;radio&quot; value=&quot;1&quot; checked&gt;Solid &lt;/label&gt; &lt;label data-field-store=&quot;el12_border-style&quot; data-toggle-enable=&quot;sfdc-btn-warning&quot; data-toggle-disable=&quot;sfdc-btn-warning&quot; data-settings-option=&quot;group-radiobutton&quot; id=&quot;uifm_fld_elbor12_style_2&quot; class=&quot;sfdc-btn sfdc-btn-warning uifm-f-setoption-btn&quot; &gt; &lt;input type=&quot;radio&quot; value=&quot;2&quot;&gt; Dotted &lt;/label&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-3&quot;&gt; &lt;label &gt;Border width&lt;/label&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-sm-9&quot;&gt; &lt;input data-field-store=&quot;el12_border-width&quot; type=&quot;text&quot; style=&quot;width:100%;&quot; data-slider-value=&quot;14&quot; data-slider-step=&quot;1&quot; data-slider-max=&quot;20&quot; data-slider-min=&quot;0&quot; data-slider-id=&quot;&quot; id=&quot;uifm_fld_elbor12_width&quot; class=&quot;uiform-opt-slider&quot;&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;!--\end container --&gt; &lt;!--container --&gt; &lt;div class=&quot;uifm-set-section-input13&quot;&gt; &lt;div class=&quot;uiform-setting-divider-bar&quot;&gt; &lt;span class=&quot;uiform-setting-divider-text&quot;&gt;Prev Button&lt;/span&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;div class=&quot;divider2&quot;&gt; &lt;div class=&quot;mask&quot;&gt;&lt;/div&gt; &lt;span&gt;&lt;i&gt;Input&lt;/i&gt;&lt;/span&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-sm-12&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;label&gt;Text&lt;/label&gt; &lt;div class=&quot;sfdc-input-group&quot;&gt; &lt;input type=&quot;text&quot; data-field-store=&quot;input13-value_lbl&quot; id=&quot;uifm_fld_input13_value&quot; name=&quot;uifm_fld_inp13_value&quot; class=&quot;sfdc-form-control uifm-f-setoption&quot;&gt; &lt;div class=&quot;sfdc-input-group-btn&quot;&gt; &lt;select data-field-store=&quot;input13-size&quot; id=&quot;uifm_fld_inp13_size&quot; name=&quot;uifm_fld_inp13_size&quot; data-live-search=&quot;true&quot; data-width=&quot;80px&quot; data-style=&quot;sfdc-btn-primary&quot; class=&quot;uifm_field_font_selectpicker uifm-f-setoption-font&quot;&gt; &lt;optgroup label=&quot;Font size&quot; data-max-options=&quot;2&quot;&gt; &lt;option value=&quot;8&quot;&gt;8 px&lt;/option&gt; &lt;option value=&quot;9&quot;&gt;9 px&lt;/option&gt; &lt;option value=&quot;10&quot;&gt;10 px&lt;/option&gt; &lt;option value=&quot;11&quot;&gt;11 px&lt;/option&gt; &lt;option value=&quot;12&quot;&gt;12 px&lt;/option&gt; &lt;option value=&quot;13&quot;&gt;13 px&lt;/option&gt; &lt;option value=&quot;14&quot;&gt;14 px&lt;/option&gt; &lt;option value=&quot;15&quot;&gt;15 px&lt;/option&gt; &lt;option value=&quot;16&quot;&gt;16 px&lt;/option&gt; &lt;option value=&quot;17&quot;&gt;17 px&lt;/option&gt; &lt;option value=&quot;18&quot;&gt;18 px&lt;/option&gt; &lt;option value=&quot;19&quot;&gt;19 px&lt;/option&gt; &lt;option value=&quot;20&quot;&gt;20 px&lt;/option&gt; &lt;option value=&quot;21&quot;&gt;21 px&lt;/option&gt; &lt;option value=&quot;22&quot;&gt;22 px&lt;/option&gt; &lt;option value=&quot;23&quot;&gt;23 px&lt;/option&gt; &lt;option value=&quot;24&quot;&gt;24 px&lt;/option&gt; &lt;option value=&quot;25&quot;&gt;25 px&lt;/option&gt; &lt;option value=&quot;26&quot;&gt;26 px&lt;/option&gt; &lt;option value=&quot;27&quot;&gt;27 px&lt;/option&gt; &lt;option value=&quot;28&quot;&gt;28 px&lt;/option&gt; &lt;option value=&quot;29&quot;&gt;29 px&lt;/option&gt; &lt;option value=&quot;30&quot;&gt;30 px&lt;/option&gt; &lt;option value=&quot;31&quot;&gt;31 px&lt;/option&gt; &lt;option value=&quot;32&quot;&gt;32 px&lt;/option&gt; &lt;option value=&quot;33&quot;&gt;33 px&lt;/option&gt; &lt;option value=&quot;34&quot;&gt;34 px&lt;/option&gt; &lt;option value=&quot;35&quot;&gt;35 px&lt;/option&gt; &lt;option value=&quot;36&quot;&gt;36 px&lt;/option&gt; &lt;option value=&quot;37&quot;&gt;37 px&lt;/option&gt; &lt;option value=&quot;38&quot;&gt;38 px&lt;/option&gt; &lt;option value=&quot;39&quot;&gt;39 px&lt;/option&gt; &lt;option value=&quot;40&quot;&gt;40 px&lt;/option&gt; &lt;option value=&quot;41&quot;&gt;41 px&lt;/option&gt; &lt;option value=&quot;42&quot;&gt;42 px&lt;/option&gt; &lt;option value=&quot;43&quot;&gt;43 px&lt;/option&gt; &lt;option value=&quot;44&quot;&gt;44 px&lt;/option&gt; &lt;option value=&quot;45&quot;&gt;45 px&lt;/option&gt; &lt;option value=&quot;46&quot;&gt;46 px&lt;/option&gt; &lt;option value=&quot;47&quot;&gt;47 px&lt;/option&gt; &lt;option value=&quot;48&quot;&gt;48 px&lt;/option&gt; &lt;/optgroup&gt; &lt;/select&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-input-group-btn&quot;&gt; &lt;button data-field-store=&quot;input13-bold&quot; class=&quot;sfdc-btn sfdc-btn-warning uifm-f-setoption-btn&quot; type=&quot;button&quot;&gt; &lt;i class=&quot;fa fa-bold&quot;&gt;&lt;/i&gt; &lt;input type=&quot;hidden&quot; id=&quot;uifm_fld_inp13_bold&quot; name=&quot;uifm_fld_inp13_bold&quot; value=&quot;0&quot;&gt; &lt;/button&gt; &lt;button data-field-store=&quot;input13-italic&quot; class=&quot;sfdc-btn sfdc-btn-warning uifm-f-setoption-btn&quot; type=&quot;button&quot;&gt;&lt;i class=&quot;fa fa-italic&quot;&gt;&lt;/i&gt; &lt;input type=&quot;hidden&quot; id=&quot;uifm_fld_inp13_italic&quot; name=&quot;uifm_fld_inp13_italic&quot; value=&quot;0&quot;&gt; &lt;/button&gt; &lt;button data-field-store=&quot;input13-underline&quot; class=&quot;sfdc-btn sfdc-btn-warning uifm-f-setoption-btn&quot; type=&quot;button&quot;&gt;&lt;i class=&quot;fa fa-underline&quot;&gt;&lt;/i&gt; &lt;input type=&quot;hidden&quot; id=&quot;uifm_fld_inp13_u&quot; name=&quot;uifm_fld_inp13_u&quot; value=&quot;0&quot;&gt; &lt;/button&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;uifm-set-section-input-placeh&quot;&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-sm-12&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;label for=&quot;uifm_fld_inp13_pholdr&quot;&gt;Place holder&lt;/label&gt; &lt;input data-field-store=&quot;input13-placeholder&quot; type=&quot;text&quot; id=&quot;uifm_fld_inp13_pholdr&quot; name=&quot;uifm_fld_inp13_pholdr&quot; placeholder=&quot;&quot; class=&quot;sfdc-form-control uifm-f-setoption&quot;&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-4&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;label &gt;Color&lt;/label&gt; &lt;div data-field-store=&quot;input13-color&quot; class=&quot;sfdc-input-group uifm-custom-color&quot;&gt; &lt;input type=&quot;text&quot; value=&quot;&quot; id=&quot;uifm_fld_inp13_color&quot; name=&quot;uifm_fld_inp13_color&quot; class=&quot;sfdc-form-control&quot; /&gt; &lt;span class=&quot;sfdc-input-group-addon&quot;&gt;&lt;i&gt;&lt;/i&gt;&lt;/span&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-sm-8&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;label &gt;Font family&lt;/label&gt; &lt;div class=&quot;sfdc-input-group uifm-custom-font&quot;&gt; &lt;select name=&quot;uifm_fld_inp13_font&quot;id=&quot;uifm_fld_inp13_font&quot;data-field-store=&quot;input13-font&quot; class=&quot;sfm&quot; data-selected=&quot;{&amp;quot;family&amp;quot;:&amp;quot;Arial, Helvetica, sans-serif&amp;quot;,&amp;quot;name&amp;quot;:&amp;quot;Arial&amp;quot;,&amp;quot;classname&amp;quot;:&amp;quot;arial&amp;quot;}&quot; data-placeholder=&quot;Select a Font...&quot;&gt; &lt;option value=&quot;&quot;&gt;&lt;/option&gt; &lt;/select&gt; &lt;span class=&quot;sfdc-input-group-addon&quot;&gt; &lt;input data-field-store=&quot;input13-font_st&quot; id=&quot;uifm_fld_inp13_font_st&quot; name=&quot;uifm_fld_inp13_font_st&quot; class=&quot;uifm-f-setoption-st&quot; value=&quot;1&quot; type=&quot;checkbox&quot;&gt; &lt;/span&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;uifm-set-section-input-valign&quot;&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;label &gt;Input value alignment&lt;/label&gt; &lt;div class=&quot;sfdc-controls sfdc-form-group&quot;&gt; &lt;div class=&quot;sfdc-btn-group sfdc-btn-group-justified&quot; data-toggle=&quot;buttons&quot;&gt; &lt;label data-field-store=&quot;input13-val_align&quot; data-toggle-enable=&quot;sfdc-btn-success&quot; data-toggle-disable=&quot;sfdc-btn-success&quot; data-settings-option=&quot;group-radiobutton&quot; class=&quot;sfdc-btn sfdc-btn-success uifm-f-setoption-btn&quot; &gt; &lt;input type=&quot;radio&quot; id=&quot;uifm_fld_inp13_align_1&quot; name=&quot;uifm_fld_inp13_align_1&quot; value=&quot;0&quot;&gt; &lt;i class=&quot;fa fa-align-left&quot;&gt;&lt;/i&gt; Left &lt;/label&gt; &lt;label data-field-store=&quot;input13-val_align&quot; data-toggle-enable=&quot;sfdc-btn-success&quot; data-toggle-disable=&quot;sfdc-btn-success&quot; data-settings-option=&quot;group-radiobutton&quot; class=&quot;sfdc-btn sfdc-btn-success uifm-f-setoption-btn&quot; &gt; &lt;input type=&quot;radio&quot; id=&quot;uifm_fld_inp13_align_2&quot; name=&quot;uifm_fld_inp13_align_2&quot; value=&quot;1&quot;&gt; &lt;i class=&quot;fa fa-align-center&quot;&gt;&lt;/i&gt; Center &lt;/label&gt; &lt;label data-field-store=&quot;input13-val_align&quot; data-toggle-enable=&quot;sfdc-btn-success&quot; data-toggle-disable=&quot;sfdc-btn-success&quot; data-settings-option=&quot;group-radiobutton&quot; class=&quot;sfdc-btn sfdc-btn-success uifm-f-setoption-btn&quot; &gt; &lt;input type=&quot;radio&quot; id=&quot;uifm_fld_inp13_align_3&quot; name=&quot;uifm_fld_inp13_align_3&quot; value=&quot;2&quot;&gt; &lt;i class=&quot;fa fa-align-right&quot;&gt;&lt;/i&gt; Right &lt;/label&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;uifm-set-section-input-objalign&quot;&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;label &gt;Button alignment&lt;/label&gt; &lt;div class=&quot;sfdc-controls sfdc-form-group&quot;&gt; &lt;div class=&quot;sfdc-btn-group sfdc-btn-group-justified&quot; data-toggle=&quot;buttons&quot;&gt; &lt;label data-field-store=&quot;input13-obj_align&quot; data-toggle-enable=&quot;sfdc-btn-success&quot; data-toggle-disable=&quot;sfdc-btn-success&quot; data-settings-option=&quot;group-radiobutton&quot; class=&quot;sfdc-btn sfdc-btn-success uifm-f-setoption-btn&quot; &gt; &lt;input type=&quot;radio&quot; id=&quot;uifm_fld_inp13_objalign_1&quot; name=&quot;uifm_fld_inp13_objalign_1&quot; value=&quot;0&quot;&gt; &lt;i class=&quot;fa fa-align-left&quot;&gt;&lt;/i&gt; Left &lt;/label&gt; &lt;label data-field-store=&quot;input13-obj_align&quot; data-toggle-enable=&quot;sfdc-btn-success&quot; data-toggle-disable=&quot;sfdc-btn-success&quot; data-settings-option=&quot;group-radiobutton&quot; class=&quot;sfdc-btn sfdc-btn-success uifm-f-setoption-btn&quot; &gt; &lt;input type=&quot;radio&quot; id=&quot;uifm_fld_inp13_objalign_2&quot; name=&quot;uifm_fld_inp13_objalign_2&quot; value=&quot;1&quot;&gt; &lt;i class=&quot;fa fa-align-center&quot;&gt;&lt;/i&gt; Center &lt;/label&gt; &lt;label data-field-store=&quot;input13-obj_align&quot; data-toggle-enable=&quot;sfdc-btn-success&quot; data-toggle-disable=&quot;sfdc-btn-success&quot; data-settings-option=&quot;group-radiobutton&quot; class=&quot;sfdc-btn sfdc-btn-success uifm-f-setoption-btn&quot; &gt; &lt;input type=&quot;radio&quot; id=&quot;uifm_fld_inp13_objalign_3&quot; name=&quot;uifm_fld_inp13_objalign_3&quot; value=&quot;2&quot;&gt; &lt;i class=&quot;fa fa-align-right&quot;&gt;&lt;/i&gt; Right &lt;/label&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;uifm-set-section-input13boxbg&quot;&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;div class=&quot;divider2&quot;&gt; &lt;div class=&quot;mask&quot;&gt;&lt;/div&gt; &lt;span&gt;&lt;i&gt;Background&lt;/i&gt;&lt;/span&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;label &gt;Background color&lt;/label&gt; &lt;div class=&quot;&quot;&gt; &lt;div class=&quot;sfdc-col-md-3&quot;&gt; &lt;input class=&quot;switch-field&quot; data-field-store=&quot;el13_background-show_st&quot; id=&quot;uifm_fld_elbg13_st&quot; name=&quot;uifm_fld_elbg13_st&quot; type=&quot;checkbox&quot;/&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-md-9&quot;&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-3&quot;&gt; &lt;label &gt;Type&lt;/label&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-sm-9&quot;&gt; &lt;div class=&quot;sfdc-controls sfdc-form-group&quot;&gt; &lt;div class=&quot;sfdc-btn-group sfdc-btn-group-justified&quot; data-toggle=&quot;buttons&quot;&gt; &lt;label data-field-store=&quot;el13_background-type&quot; data-toggle-enable=&quot;sfdc-btn-warning&quot; data-toggle-disable=&quot;sfdc-btn-warning&quot; data-settings-option=&quot;group-radiobutton&quot; id=&quot;uifm_fld_elbg13_type_1&quot; class=&quot;sfdc-btn sfdc-btn-warning uifm-f-setoption-btn&quot; &gt; &lt;input type=&quot;radio&quot; value=&quot;1&quot;&gt; Solid &lt;/label&gt; &lt;label data-field-store=&quot;el13_background-type&quot; data-toggle-enable=&quot;sfdc-btn-warning&quot; data-toggle-disable=&quot;sfdc-btn-warning&quot; data-settings-option=&quot;group-radiobutton&quot; id=&quot;uifm_fld_elbg13_type_2&quot; class=&quot;sfdc-btn sfdc-btn-warning uifm-f-setoption-btn&quot; &gt; &lt;input type=&quot;radio&quot; value=&quot;2&quot; checked&gt; Gradient &lt;/label&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-3&quot;&gt; &lt;label &gt;Color&lt;/label&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-sm-9&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;div data-field-store=&quot;el13_background-solid_color&quot; class=&quot;sfdc-input-group uifm-custom-color&quot;&gt; &lt;span class=&quot;sfdc-input-group-addon&quot;&gt;&lt;i&gt;&lt;/i&gt;&lt;/span&gt; &lt;input placeholder=&quot;Pick the color&quot; id=&quot;uifm_fld_elbg13_color_1&quot; type=&quot;text&quot; value=&quot;&quot; name=&quot;&quot; class=&quot;sfdc-form-control&quot; /&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-3&quot;&gt; &lt;label &gt;Start color&lt;/label&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-sm-9&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;div data-field-store=&quot;el13_background-start_color&quot; class=&quot;sfdc-input-group uifm-custom-color&quot;&gt; &lt;span class=&quot;sfdc-input-group-addon&quot;&gt;&lt;i&gt;&lt;/i&gt;&lt;/span&gt; &lt;input placeholder=&quot;Pick the color&quot; type=&quot;text&quot; value=&quot;&quot; id=&quot;uifm_fld_elbg13_color_2&quot; name=&quot;&quot; class=&quot;sfdc-form-control&quot; /&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-3&quot;&gt; &lt;label &gt;End color&lt;/label&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-sm-9&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;div data-field-store=&quot;el13_background-end_color&quot; class=&quot;sfdc-input-group uifm-custom-color&quot;&gt; &lt;span class=&quot;sfdc-input-group-addon&quot;&gt;&lt;i&gt;&lt;/i&gt;&lt;/span&gt; &lt;input placeholder=&quot;Pick the color&quot; id=&quot;uifm_fld_elbg13_color_3&quot; type=&quot;text&quot; value=&quot;&quot; name=&quot;&quot; class=&quot;sfdc-form-control&quot; /&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;uifm-set-section-input13boxborder&quot;&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;div class=&quot;divider2&quot;&gt; &lt;div class=&quot;mask&quot;&gt;&lt;/div&gt; &lt;span&gt;&lt;i&gt;Border&lt;/i&gt;&lt;/span&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;label &gt;Border radius&lt;/label&gt; &lt;div class=&quot;&quot;&gt; &lt;div class=&quot;sfdc-col-md-3&quot;&gt; &lt;input data-field-store=&quot;el13_border_radius-show_st&quot; class=&quot;switch-field&quot; name=&quot;uifm_fld_elbora13_st&quot; id=&quot;uifm_fld_elbora13_st&quot; type=&quot;checkbox&quot;/&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-md-9&quot;&gt; &lt;input type=&quot;text&quot; style=&quot;width:100%;&quot; data-field-store=&quot;el13_border_radius-size&quot; data-slider-value=&quot;14&quot; data-slider-step=&quot;1&quot; data-slider-max=&quot;60&quot; data-slider-min=&quot;0&quot; data-slider-id=&quot;&quot; id=&quot;uifm_fld_elbora13_size&quot; class=&quot;uiform-opt-slider&quot;&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;space10&quot;&gt;&lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;label &gt;Border&lt;/label&gt; &lt;div class=&quot;&quot;&gt; &lt;div class=&quot;sfdc-col-md-3&quot;&gt; &lt;input data-field-store=&quot;el13_border-show_st&quot; class=&quot;switch-field&quot; name=&quot;uifm_fld_elbor13_st&quot; id=&quot;uifm_fld_elbor13_st&quot; type=&quot;checkbox&quot;/&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-md-9&quot;&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-3&quot;&gt; &lt;label &gt;Color&lt;/label&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-sm-9&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;div data-field-store=&quot;el13_border-color&quot; class=&quot;sfdc-input-group uifm-custom-color&quot;&gt; &lt;span class=&quot;sfdc-input-group-addon&quot;&gt;&lt;i&gt;&lt;/i&gt;&lt;/span&gt; &lt;input placeholder=&quot;Pick the color&quot; type=&quot;text&quot; value=&quot;&quot; name=&quot;uifm_fld_elbor13_color&quot; id=&quot;uifm_fld_elbor13_color&quot; class=&quot;sfdc-form-control&quot; /&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-3&quot;&gt; &lt;label &gt;Color (focus)&lt;/label&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-sm-9&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;div data-field-store=&quot;el13_border-color_focus&quot; class=&quot;sfdc-input-group uifm-custom-color&quot;&gt; &lt;span class=&quot;sfdc-input-group-addon&quot;&gt;&lt;i&gt;&lt;/i&gt;&lt;/span&gt; &lt;input placeholder=&quot;Pick the color&quot; type=&quot;text&quot; value=&quot;&quot; name=&quot;uifm_fld_elbor13_colorfocus&quot; id=&quot;uifm_fld_elbor13_colorfocus&quot; class=&quot;sfdc-form-control&quot; /&gt; &lt;span class=&quot;sfdc-input-group-addon tooltip-option-enable&quot;&gt; &lt;input data-field-store=&quot;el13_border-color_focus_st&quot; id=&quot;uifm_fld_elbor13_colorfocus_st&quot; name=&quot;uifm_fld_elbor13_colorfocus_st&quot; class=&quot;uifm-f-setoption-st&quot; value=&quot;1&quot; type=&quot;checkbox&quot;&gt; &lt;/span&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-3&quot;&gt; &lt;label &gt;border style&lt;/label&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-sm-9&quot;&gt; &lt;div class=&quot;sfdc-controls sfdc-form-group&quot;&gt; &lt;div class=&quot;sfdc-btn-group sfdc-btn-group-justified&quot; data-toggle=&quot;buttons&quot;&gt; &lt;label data-field-store=&quot;el13_border-style&quot; data-toggle-enable=&quot;sfdc-btn-warning&quot; data-toggle-disable=&quot;sfdc-btn-warning&quot; data-settings-option=&quot;group-radiobutton&quot; id=&quot;uifm_fld_elbor13_style_1&quot; class=&quot;sfdc-btn sfdc-btn-warning uifm-f-setoption-btn&quot; &gt; &lt;input type=&quot;radio&quot; value=&quot;1&quot; checked&gt;Solid &lt;/label&gt; &lt;label data-field-store=&quot;el13_border-style&quot; data-toggle-enable=&quot;sfdc-btn-warning&quot; data-toggle-disable=&quot;sfdc-btn-warning&quot; data-settings-option=&quot;group-radiobutton&quot; id=&quot;uifm_fld_elbor13_style_2&quot; class=&quot;sfdc-btn sfdc-btn-warning uifm-f-setoption-btn&quot; &gt; &lt;input type=&quot;radio&quot; value=&quot;2&quot;&gt; Dotted &lt;/label&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-3&quot;&gt; &lt;label &gt;Border width&lt;/label&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-sm-9&quot;&gt; &lt;input data-field-store=&quot;el13_border-width&quot; type=&quot;text&quot; style=&quot;width:100%;&quot; data-slider-value=&quot;14&quot; data-slider-step=&quot;1&quot; data-slider-max=&quot;20&quot; data-slider-min=&quot;0&quot; data-slider-id=&quot;&quot; id=&quot;uifm_fld_elbor13_width&quot; class=&quot;uiform-opt-slider&quot;&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;!--\end container --&gt; &lt;!--container --&gt; &lt;div class=&quot;uifm-set-section-input15&quot;&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;div class=&quot;divider2&quot;&gt; &lt;div class=&quot;mask&quot;&gt;&lt;/div&gt; &lt;span&gt;&lt;i&gt;Settings&lt;/i&gt;&lt;/span&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;space10&quot;&gt;&lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-sm-6&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;label &gt;label Yes&lt;/label&gt; &lt;input type=&quot;text&quot; data-field-store=&quot;input15-txt_yes&quot; id=&quot;uifm_fld_inp15_txt_yes&quot; name=&quot;uifm_fld_inp15_txt_yes&quot; class=&quot;sfdc-form-control uifm-f-setoption&quot;&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-sm-6&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;label &gt;label no&lt;/label&gt; &lt;input type=&quot;text&quot; data-field-store=&quot;input15-txt_no&quot; id=&quot;uifm_fld_inp15_txt_no&quot; name=&quot;uifm_fld_inp15_txt_no&quot; class=&quot;sfdc-form-control uifm-f-setoption&quot;&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;space10&quot;&gt;&lt;/div&gt; &lt;/div&gt; &lt;!--\end container --&gt; &lt;!--container --&gt; &lt;div class=&quot;uifm-set-section-input16&quot;&gt; &lt;div class=&quot;space10&quot;&gt;&lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;label for=&quot;&quot;&gt;allowed extensions&lt;/label&gt; &lt;textarea data-field-store=&quot;input16-extallowed&quot; id=&quot;uifm_fld_input16_extallowed&quot; name=&quot;uifm_fld_input16_extallowed&quot; style=&quot;width:100%;&quot; class=&quot;sfdc-form-control autogrow uifm-f-setoption&quot;&gt;&lt;/textarea&gt; &lt;div class=&quot;space10&quot;&gt;&lt;/div&gt; &lt;div class=&quot;sfdc-alert sfdc-alert-info&quot; role=&quot;alert&quot;&gt;Put the extensions between commas&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;space10&quot;&gt;&lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;div class=&quot;&quot;&gt; &lt;div class=&quot;sfdc-col-md-3&quot;&gt; &lt;label &gt;Maximum size (MB)&lt;/label&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-md-9&quot;&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-sm-12&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;input id=&quot;uifm_fld_input16_maxsize&quot; data-field-store=&quot;input16-maxsize&quot; class=&quot;uifm_fld_input16_spinner&quot; type=&quot;text&quot; value=&quot;2&quot; &gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;space10&quot;&gt;&lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;label &gt;Attach files to mail notification&lt;/label&gt; &lt;div class=&quot;&quot;&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;input class=&quot;switch-field&quot; data-field-store=&quot;input16-attach_st&quot; id=&quot;uifm_fld_input16_attachst&quot; type=&quot;checkbox&quot;/&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;space10&quot;&gt;&lt;/div&gt; &lt;div class=&quot;sfdc-alert sfdc-alert-warning&quot; role=&quot;alert&quot;&gt;if you enable attachment option, make sure your web server (hosting) and mail server support your maximum size file&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;fieldset&gt; &lt;legend&gt;Custom Translations &lt;/legend&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-4&quot;&gt; &lt;label &gt;Select image&lt;/label&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-sm-8&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;input type=&quot;text&quot; class=&quot;sfdc-form-control uifm-f-setoption&quot; placeholder=&quot;&quot; name=&quot;uifm_fld_input16_txtselimage&quot; id=&quot;uifm_fld_input16_txtselimage&quot; data-field-store=&quot;input16-stl1-txt_selimage&quot;&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-4&quot;&gt; &lt;label &gt;Change&lt;/label&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-sm-8&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;input type=&quot;text&quot; class=&quot;sfdc-form-control uifm-f-setoption&quot; placeholder=&quot;&quot; name=&quot;uifm_fld_input16_txtchange&quot; id=&quot;uifm_fld_input16_txtchange&quot; data-field-store=&quot;input16-stl1-txt_change&quot;&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-4&quot;&gt; &lt;label &gt;Remove&lt;/label&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-sm-8&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;input type=&quot;text&quot; class=&quot;sfdc-form-control uifm-f-setoption&quot; placeholder=&quot;&quot; name=&quot;uifm_fld_input16_txtremove&quot; id=&quot;uifm_fld_input16_txtremove&quot; data-field-store=&quot;input16-stl1-txt_remove&quot;&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/fieldset&gt; &lt;/div&gt; &lt;!--\end container --&gt; &lt;!--container --&gt; &lt;div class=&quot;uifm-set-section-input17&quot;&gt; &lt;div class=&quot;uifm-set-section-input17-optbox&quot;&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;label &gt;Image Height&lt;/label&gt; &lt;input class=&quot;uifm-f-setoption uifm_fld_inp17_thopt_spinner&quot; id=&quot;uifm_fld_inp17_thopt_height&quot; data-field-store=&quot;input17-thopt_height&quot; type=&quot;text&quot; &gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;label &gt;Image width&lt;/label&gt; &lt;input class=&quot;uifm-f-setoption uifm_fld_inp17_thopt_spinner_2&quot; id=&quot;uifm_fld_inp17_thopt_width&quot; data-field-store=&quot;input17-thopt_width&quot; type=&quot;text&quot; &gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;space20&quot;&gt;&lt;/div&gt; &lt;div class=&quot;sfdc-row uifm_fld_inp17_thopt_mode_wrap&quot;&gt; &lt;div class=&quot;sfdc-col-md-3&quot; &gt; &lt;label &gt;Layout mode&lt;/label&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-md-6&quot; &gt; &lt;select id=&quot;uifm_fld_inp17_thopt_mode&quot; style=&quot;width:73px;&quot; onchange=&quot;javascript:zgfm_input17_onChangeLayout();&quot; data-field-store=&quot;input17-thopt_mode&quot; class=&quot;sfdc-form-control&quot;&gt; &lt;option value=&quot;1&quot;&gt;one&lt;/option&gt; &lt;option value=&quot;2&quot;&gt;two&lt;/option&gt; &lt;/select&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;space10&quot;&gt;&lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-6&quot; id=&quot;uifm_fld_inp17_thopt_zoom_wrap&quot;&gt; &lt;label &gt;Show zoom option&lt;/label&gt; &lt;input class=&quot;switch-field&quot; data-field-store=&quot;input17-thopt_zoom&quot; id=&quot;uifm_fld_inp17_thopt_zoom&quot; name=&quot;uifm_fld_inp17_thopt_zoom&quot; type=&quot;checkbox&quot;/&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-md-6&quot;id=&quot;uifm_fld_inp17_thopt_usethmb_wrap&quot;&gt; &lt;label &gt;Use Thumbnail&lt;/label&gt; &lt;input class=&quot;switch-field&quot; data-field-store=&quot;input17-thopt_usethmb&quot; id=&quot;uifm_fld_inp17_thopt_usethmb&quot; name=&quot;uifm_fld_inp17_thopt_usethmb&quot; type=&quot;checkbox&quot;/&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-row&quot; &gt; &lt;div class=&quot;space10&quot;&gt;&lt;/div&gt; &lt;div class=&quot;sfdc-col-md-12&quot; id=&quot;uifm_fld_inp17_thopt_showhvrtxt_wrap&quot; &gt; &lt;label &gt;Label&lt;/label&gt; &lt;select id=&quot;uifm_fld_inp17_thopt_showhvrtxt&quot; data-field-store=&quot;input17-thopt_showhvrtxt&quot; class=&quot;sfdc-form-control uifm-f-setoption&quot;&gt; &lt;option value=&quot;0&quot;&gt;hide&lt;/option&gt; &lt;option value=&quot;1&quot;&gt;show on hover&lt;/option&gt; &lt;option value=&quot;2&quot;&gt;put below image&lt;/option&gt; &lt;option value=&quot;3&quot;&gt;put above image&lt;/option&gt; &lt;/select&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-md-6&quot; id=&quot;uifm_fld_inp17_thopt_showcheckb_wrap&quot; &gt; &lt;label &gt;Show Check Box&lt;/label&gt; &lt;input class=&quot;switch-field&quot; data-field-store=&quot;input17-thopt_showcheckb&quot; id=&quot;uifm_fld_inp17_thopt_showcheckb&quot; name=&quot;uifm_fld_inp17_thopt_showcheckb&quot; type=&quot;checkbox&quot;/&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;space10&quot;&gt;&lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;a href=&quot;javascript:void(0);&quot; onclick=&quot;javascript:rocketform.input17settings_addNewOption();&quot; class=&quot;sfdc-btn sfdc-btn-sm sfdc-btn-success&quot; &gt;Add new option&lt;/a&gt; &lt;button onclick=&quot;javascript:rocketform.input17settings_deleteAllOptions();&quot; class=&quot;sfdc-btn sfdc-btn-sm sfdc-btn-danger&quot;&gt; &lt;i class=&quot;fa fa-trash-o&quot;&gt;&lt;/i&gt; Remove all options&lt;/button&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;div id=&quot;uifm-fld-inp17-options-container&quot;&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;script type=&quot;text/javascript&quot;&gt; jQuery(document).ready(function($) { }); &lt;/script&gt; &lt;!--\end container --&gt; &lt;!--container --&gt; &lt;div class=&quot;uifm-set-section-input18&quot;&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-sm-12&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;label class=&quot;sfdc-control-label&quot; for=&quot;&quot;&gt; Custom text &lt;/label&gt; &lt;div class=&quot;sfdc-controls sfdc-form-group&quot;&gt; &lt;textarea class=&quot;uifm_tinymce_obj&quot; name=&quot;uifm_frm_inp18_txt_cont&quot; id=&quot;uifm_frm_inp18_txt_cont&quot;&gt;&lt;/textarea&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;label &gt;Show text&lt;/label&gt; &lt;div class=&quot;sfdc-controls sfdc-form-group&quot;&gt; &lt;input class=&quot;switch-field&quot; data-field-store=&quot;input18-text-show_st&quot; id=&quot;uifm_frm_inp18_txt_st&quot; name=&quot;uifm_frm_inp18_txt_st&quot; type=&quot;checkbox&quot;/&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;label &gt;Help block position&lt;/label&gt; &lt;div class=&quot;sfdc-controls sfdc-form-group&quot;&gt; &lt;div class=&quot;sfdc-btn-group sfdc-btn-group-justified&quot; data-toggle=&quot;buttons&quot;&gt; &lt;label data-field-store=&quot;input18-text-html_pos&quot; data-toggle-enable=&quot;sfdc-btn-warning&quot; data-toggle-disable=&quot;sfdc-btn-warning&quot; data-settings-option=&quot;group-radiobutton&quot; class=&quot;sfdc-btn sfdc-btn-warning uifm-f-setoption-btn&quot; &gt; &lt;input type=&quot;radio&quot; id=&quot;uifm_fld_inp18_txt_pos_1&quot; name=&quot;uifm_fld_inp18_txt_pos&quot; value=&quot;1&quot;&gt; &lt;i class=&quot;fa fa-hand-o-down&quot;&gt;&lt;/i&gt; Top &lt;/label&gt; &lt;label data-field-store=&quot;input18-text-html_pos&quot; data-toggle-enable=&quot;sfdc-btn-warning&quot; data-toggle-disable=&quot;sfdc-btn-warning&quot; data-settings-option=&quot;group-radiobutton&quot; class=&quot;sfdc-btn sfdc-btn-warning uifm-f-setoption-btn&quot; &gt; &lt;input type=&quot;radio&quot; id=&quot;uifm_fld_inp18_txt_pos_2&quot; name=&quot;uifm_fld_inp18_txt_pos&quot; value=&quot;2&quot;&gt; &lt;i class=&quot;fa fa-hand-o-up&quot;&gt;&lt;/i&gt; Right &lt;/label&gt; &lt;label data-field-store=&quot;input18-text-html_pos&quot; data-toggle-enable=&quot;sfdc-btn-warning&quot; data-toggle-disable=&quot;sfdc-btn-warning&quot; data-settings-option=&quot;group-radiobutton&quot; class=&quot;sfdc-btn sfdc-btn-warning uifm-f-setoption-btn&quot; &gt; &lt;input type=&quot;radio&quot; id=&quot;uifm_fld_inp18_txt_pos_3&quot; name=&quot;uifm_fld_inp18_txt_pos&quot; value=&quot;3&quot;&gt; &lt;i class=&quot;fa fa-question-circle&quot;&gt;&lt;/i&gt; bottom &lt;/label&gt; &lt;label data-field-store=&quot;input18-text-html_pos&quot; data-toggle-enable=&quot;sfdc-btn-warning&quot; data-toggle-disable=&quot;sfdc-btn-warning&quot; data-settings-option=&quot;group-radiobutton&quot; class=&quot;sfdc-btn sfdc-btn-warning uifm-f-setoption-btn&quot; &gt; &lt;input type=&quot;radio&quot; id=&quot;uifm_fld_inp18_txt_pos_4&quot; name=&quot;uifm_fld_inp18_txt_pos&quot; value=&quot;0&quot;&gt;&lt;i class=&quot;fa fa-question-circle&quot;&gt;&lt;/i&gt; left &lt;/label&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;label &gt;Custom padding&lt;/label&gt; &lt;div class=&quot;&quot;&gt; &lt;div class=&quot;sfdc-col-md-3&quot;&gt; &lt;input class=&quot;switch-field&quot; data-field-store=&quot;input18-pane_padding-show_st&quot; name=&quot;uifm_frm_inp18_padd_st&quot; id=&quot;uifm_frm_inp18_padd_st&quot; type=&quot;checkbox&quot;/&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-md-9&quot;&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-4&quot;&gt; &lt;label &gt;Padding top&lt;/label&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-sm-8&quot;&gt; &lt;input id=&quot;uifm_frm_inp18_padd_top&quot; class=&quot;uifm_fld_input16_spinner&quot; data-field-store=&quot;input18-pane_padding-pos_top&quot; type=&quot;text&quot; &gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-4&quot;&gt; &lt;label &gt;Padding right&lt;/label&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-sm-8&quot;&gt; &lt;input id=&quot;uifm_frm_inp18_padd_right&quot; class=&quot;uifm_fld_input16_spinner&quot; data-field-store=&quot;input18-pane_padding-pos_right&quot; type=&quot;text&quot; &gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-4&quot;&gt; &lt;label &gt;Padding bottom&lt;/label&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-sm-8&quot;&gt; &lt;input id=&quot;uifm_frm_inp18_padd_bottom&quot; class=&quot;uifm_fld_input16_spinner&quot; data-field-store=&quot;input18-pane_padding-pos_bottom&quot; type=&quot;text&quot; &gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-4&quot;&gt; &lt;label &gt;Padding left&lt;/label&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-sm-8&quot;&gt; &lt;input id=&quot;uifm_frm_inp18_padd_left&quot; class=&quot;uifm_fld_input16_spinner&quot; data-field-store=&quot;input18-pane_padding-pos_left&quot; type=&quot;text&quot; &gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;label &gt;Custom margin&lt;/label&gt; &lt;div class=&quot;&quot;&gt; &lt;div class=&quot;sfdc-col-md-3&quot;&gt; &lt;input class=&quot;switch-field&quot; data-field-store=&quot;input18-pane_margin-show_st&quot; name=&quot;uifm_frm_inp18_marg_st&quot; id=&quot;uifm_frm_inp18_marg_st&quot; type=&quot;checkbox&quot;/&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-md-9&quot;&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-4&quot;&gt; &lt;label &gt;Margin top&lt;/label&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-sm-8&quot;&gt; &lt;input id=&quot;uifm_frm_inp18_marg_top&quot; class=&quot;uifm_fld_input16_spinner&quot; data-field-store=&quot;input18-pane_margin-pos_top&quot; type=&quot;text&quot; &gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-4&quot;&gt; &lt;label &gt;Margin right&lt;/label&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-sm-8&quot;&gt; &lt;input id=&quot;uifm_frm_inp18_marg_right&quot; class=&quot;uifm_fld_input16_spinner&quot; data-field-store=&quot;input18-pane_margin-pos_right&quot; type=&quot;text&quot; &gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-4&quot;&gt; &lt;label &gt;Margin bottom&lt;/label&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-sm-8&quot;&gt; &lt;input id=&quot;uifm_frm_inp18_marg_bottom&quot; class=&quot;uifm_fld_input16_spinner&quot; data-field-store=&quot;input18-pane_margin-pos_bottom&quot; type=&quot;text&quot; &gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-4&quot;&gt; &lt;label &gt;Margin left&lt;/label&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-sm-8&quot;&gt; &lt;input id=&quot;uifm_frm_inp18_marg_left&quot; class=&quot;uifm_fld_input16_spinner&quot; data-field-store=&quot;input18-pane_margin-pos_left&quot; type=&quot;text&quot; &gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div &gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;div class=&quot;divider2&quot;&gt; &lt;div class=&quot;mask&quot;&gt;&lt;/div&gt; &lt;span&gt;&lt;i&gt;Background&lt;/i&gt;&lt;/span&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;label &gt;Background color&lt;/label&gt; &lt;div class=&quot;&quot;&gt; &lt;div class=&quot;sfdc-col-md-3&quot;&gt; &lt;input class=&quot;switch-field&quot; data-field-store=&quot;input18-pane_background-show_st&quot; id=&quot;uifm_frm_inp18_fmbg_st&quot; type=&quot;checkbox&quot;/&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-md-9&quot;&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-3&quot;&gt; &lt;label &gt;Type&lt;/label&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-sm-9&quot;&gt; &lt;div class=&quot;sfdc-controls sfdc-form-group&quot;&gt; &lt;div class=&quot;sfdc-btn-group sfdc-btn-group-justified&quot; data-toggle=&quot;buttons&quot;&gt; &lt;label data-field-store=&quot;input18-pane_background-type&quot; data-toggle-enable=&quot;sfdc-btn-warning&quot; data-toggle-disable=&quot;sfdc-btn-warning&quot; data-settings-option=&quot;group-radiobutton&quot; id=&quot;uifm_frm_inp18_fmbg_type_1&quot; class=&quot;sfdc-btn sfdc-btn-warning uifm-f-setoption-btn&quot; &gt; &lt;input type=&quot;radio&quot; value=&quot;1&quot;&gt; Solid &lt;/label&gt; &lt;label data-field-store=&quot;input18-pane_background-type&quot; data-toggle-enable=&quot;sfdc-btn-warning&quot; data-toggle-disable=&quot;sfdc-btn-warning&quot; data-settings-option=&quot;group-radiobutton&quot; id=&quot;uifm_frm_inp18_fmbg_type_2&quot; class=&quot;sfdc-btn sfdc-btn-warning uifm-f-setoption-btn&quot; &gt; &lt;input type=&quot;radio&quot; value=&quot;2&quot; checked&gt; Gradient &lt;/label&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-3&quot;&gt; &lt;label &gt;Color&lt;/label&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-sm-9&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;div data-field-store=&quot;input18-pane_background-solid_color&quot; class=&quot;sfdc-input-group uifm-custom-color&quot;&gt; &lt;span class=&quot;sfdc-input-group-addon&quot;&gt;&lt;i&gt;&lt;/i&gt;&lt;/span&gt; &lt;input placeholder=&quot;Pick the color&quot; id=&quot;uifm_frm_inp18_fmbg_color_1&quot; type=&quot;text&quot; value=&quot;&quot; name=&quot;&quot; class=&quot;sfdc-form-control&quot; /&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-3&quot;&gt; &lt;label &gt;Start color&lt;/label&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-sm-9&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;div data-field-store=&quot;input18-pane_background-start_color&quot; class=&quot;sfdc-input-group uifm-custom-color&quot;&gt; &lt;span class=&quot;sfdc-input-group-addon&quot;&gt;&lt;i&gt;&lt;/i&gt;&lt;/span&gt; &lt;input placeholder=&quot;Pick the color&quot; type=&quot;text&quot; value=&quot;&quot; id=&quot;uifm_frm_inp18_fmbg_color_2&quot; name=&quot;&quot; class=&quot;sfdc-form-control&quot; /&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-3&quot;&gt; &lt;label &gt;End color&lt;/label&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-sm-9&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;div data-field-store=&quot;input18-pane_background-end_color&quot; class=&quot;sfdc-input-group uifm-custom-color&quot;&gt; &lt;span class=&quot;sfdc-input-group-addon&quot;&gt;&lt;i&gt;&lt;/i&gt;&lt;/span&gt; &lt;input placeholder=&quot;Pick the color&quot; id=&quot;uifm_frm_inp18_fmbg_color_3&quot; type=&quot;text&quot; value=&quot;&quot; name=&quot;&quot; class=&quot;sfdc-form-control&quot; /&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-4&quot;&gt; &lt;label &gt;Background image&lt;/label&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-sm-8&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;div class=&quot;uifm_frm_inp18_bg_thumbnail&quot; id=&quot;uifm_frm_inp18_bg_srcimg_wrap&quot;&gt; &lt;/div&gt; &lt;input name=&quot;uifm_frm_inp18_bg_imgurl&quot; id=&quot;uifm_frm_inp18_bg_imgurl&quot; value=&quot;&quot; type=&quot;hidden&quot;&gt; &lt;input id=&quot;uifm_frm_inp18_bg_btnadd&quot; onclick=&quot;javascript:rocketform.input18settings_changeSrcImg(this);&quot; value=&quot;Update Image&quot; class=&quot;button-secondary&quot; type=&quot;button&quot;&gt; &lt;a href=&quot;javascript:void(0);&quot; onclick=&quot;javascript:rocketform.input18settings_deleteBgImagePane();&quot; class=&quot;sfdc-btn sfdc-btn-default&quot; &gt; &lt;i class=&quot;fa fa-trash-o&quot;&gt;&lt;/i&gt; &lt;/a&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;div class=&quot;divider2&quot;&gt; &lt;div class=&quot;mask&quot;&gt;&lt;/div&gt; &lt;span&gt;&lt;i&gt;Border&lt;/i&gt;&lt;/span&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;label &gt;Border radius&lt;/label&gt; &lt;div class=&quot;&quot;&gt; &lt;div class=&quot;sfdc-col-md-3&quot;&gt; &lt;input data-field-store=&quot;input18-pane_border_radius-show_st&quot; class=&quot;switch-field&quot; name=&quot;uifm_frm_inp18_fmbora_st&quot; id=&quot;uifm_frm_inp18_fmbora_st&quot; type=&quot;checkbox&quot;/&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-md-9&quot;&gt; &lt;input type=&quot;text&quot; style=&quot;width:100%;&quot; data-field-store=&quot;input18-pane_border_radius-size&quot; data-slider-value=&quot;14&quot; data-slider-step=&quot;1&quot; data-slider-max=&quot;60&quot; data-slider-min=&quot;0&quot; data-slider-id=&quot;&quot; id=&quot;uifm_frm_inp18_fmbora_size&quot; class=&quot;uiform-opt-slider&quot;&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;label &gt;Border&lt;/label&gt; &lt;div class=&quot;&quot;&gt; &lt;div class=&quot;sfdc-col-md-3&quot;&gt; &lt;input data-field-store=&quot;input18-pane_border-show_st&quot; class=&quot;switch-field&quot; name=&quot;uifm_frm_inp18_fmbor_st&quot; id=&quot;uifm_frm_inp18_fmbor_st&quot; type=&quot;checkbox&quot;/&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-md-9&quot;&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-3&quot;&gt; &lt;label &gt;Color&lt;/label&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-sm-9&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;div data-field-store=&quot;input18-pane_border-color&quot; class=&quot;sfdc-input-group uifm-custom-color&quot;&gt; &lt;span class=&quot;sfdc-input-group-addon&quot;&gt;&lt;i&gt;&lt;/i&gt;&lt;/span&gt; &lt;input placeholder=&quot;Pick the color&quot; type=&quot;text&quot; value=&quot;&quot; name=&quot;uifm_frm_inp18_fmbor_color&quot; id=&quot;uifm_frm_inp18_fmbor_color&quot; class=&quot;sfdc-form-control&quot; /&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-3&quot;&gt; &lt;label &gt;border style&lt;/label&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-sm-9&quot;&gt; &lt;div class=&quot;sfdc-controls sfdc-form-group&quot;&gt; &lt;div class=&quot;sfdc-btn-group sfdc-btn-group-justified&quot; data-toggle=&quot;buttons&quot;&gt; &lt;label data-field-store=&quot;input18-pane_border-style&quot; data-toggle-enable=&quot;sfdc-btn-warning&quot; data-toggle-disable=&quot;sfdc-btn-warning&quot; data-settings-option=&quot;group-radiobutton&quot; id=&quot;uifm_frm_inp18_fmbor_style_1&quot; class=&quot;sfdc-btn sfdc-btn-warning uifm-f-setoption-btn&quot; &gt; &lt;input type=&quot;radio&quot; value=&quot;1&quot; checked&gt;Solid &lt;/label&gt; &lt;label data-field-store=&quot;input18-pane_border-style&quot; data-toggle-enable=&quot;sfdc-btn-warning&quot; data-toggle-disable=&quot;sfdc-btn-warning&quot; data-settings-option=&quot;group-radiobutton&quot; id=&quot;uifm_frm_inp18_fmbor_style_2&quot; class=&quot;sfdc-btn sfdc-btn-warning uifm-f-setoption-btn&quot; &gt; &lt;input type=&quot;radio&quot; value=&quot;2&quot;&gt; Dotted &lt;/label&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-3&quot;&gt; &lt;label &gt;Border width&lt;/label&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-sm-9&quot;&gt; &lt;input data-field-store=&quot;input18-pane_border-width&quot; type=&quot;text&quot; style=&quot;width:100%;&quot; data-slider-value=&quot;14&quot; data-slider-step=&quot;1&quot; data-slider-max=&quot;20&quot; data-slider-min=&quot;0&quot; data-slider-id=&quot;&quot; id=&quot;uifm_frm_inp18_fmbor_width&quot; class=&quot;uiform-opt-slider&quot;&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;label &gt;Box Shadow&lt;/label&gt; &lt;div class=&quot;&quot;&gt; &lt;div class=&quot;sfdc-col-md-3&quot;&gt; &lt;input class=&quot;switch-field&quot; data-field-store=&quot;input18-pane_shadow-show_st&quot; id=&quot;uifm_frm_inp18_sha_st&quot; name=&quot;uifm_frm_inp18_sha_st&quot; type=&quot;checkbox&quot;/&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-md-9&quot;&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-3&quot;&gt; &lt;label &gt;Color&lt;/label&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-sm-9&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;div data-field-store=&quot;input18-pane_shadow-color&quot; class=&quot;sfdc-input-group uifm-custom-color&quot;&gt; &lt;span class=&quot;sfdc-input-group-addon&quot;&gt;&lt;i&gt;&lt;/i&gt;&lt;/span&gt; &lt;input placeholder=&quot;Pick the color&quot; type=&quot;text&quot; value=&quot;&quot; id=&quot;uifm_frm_inp18_sha_co&quot; name=&quot;uifm_frm_inp18_sha_co&quot; class=&quot;sfdc-form-control&quot; /&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;space20&quot;&gt;&lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-3&quot;&gt; &lt;label &gt;horizontal&lt;/label&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-sm-9&quot;&gt; &lt;input type=&quot;text&quot; data-field-store=&quot;input18-pane_shadow-h_shadow&quot; id=&quot;uifm_frm_inp18_sha_x&quot; name=&quot;uifm_frm_inp18_sha_x&quot; data-slider-step=&quot;1&quot; data-slider-max=&quot;30&quot; data-slider-min=&quot;0&quot; data-slider-id=&quot;&quot; class=&quot;uiform-opt-slider&quot;&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;space20&quot;&gt;&lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-3&quot;&gt; &lt;label &gt;vertical&lt;/label&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-sm-9&quot;&gt; &lt;input type=&quot;text&quot; data-field-store=&quot;input18-pane_shadow-v_shadow&quot; style=&quot;width:100%;&quot; id=&quot;uifm_frm_inp18_sha_y&quot; name=&quot;uifm_frm_inp18_sha_y&quot; data-slider-step=&quot;1&quot; data-slider-max=&quot;30&quot; data-slider-min=&quot;0&quot; data-slider-id=&quot;&quot; class=&quot;uiform-opt-slider&quot;&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;space20&quot;&gt;&lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-3&quot;&gt; &lt;label &gt;blur&lt;/label&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-sm-9&quot;&gt; &lt;input type=&quot;text&quot; data-field-store=&quot;input18-pane_shadow-blue&quot; style=&quot;width:100%;&quot; id=&quot;uifm_frm_inp18_sha_blur&quot; name=&quot;uifm_frm_inp18_sha_blur&quot; data-slider-step=&quot;1&quot; data-slider-max=&quot;30&quot; data-slider-min=&quot;0&quot; data-slider-id=&quot;&quot; class=&quot;uiform-opt-slider&quot;&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;!--\end container --&gt; &lt;!--container --&gt; &lt;div id=&quot;uifm-fld-inp-date2-box&quot;&gt; &lt;fieldset&gt; &lt;legend&gt;Margin &lt;/legend&gt; &lt;div class=&quot;zgpb-modal-body-tab-inner&quot;&gt; &lt;div class=&quot;sfdc-row &quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;label for=&quot;&quot;&gt;Enable time&lt;/label&gt; &lt;a data-original-title=&quot;Enable time&quot; data-placement=&quot;right&quot; data-toggle=&quot;tooltip&quot; href=&quot;javascript:void(0);&quot;&gt;&lt;span class=&quot;fa fa-question-circle&quot;&gt;&lt;/span&gt;&lt;/a&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;input class=&quot;switch-field&quot; data-field-store=&quot;input_date2-enabletime&quot; id=&quot;uifm_fld_inp19_enabletime&quot; type=&quot;checkbox&quot;/&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;zgpb-opt-divider-stl1&quot;&gt;&lt;/div&gt; &lt;div class=&quot;sfdc-row &quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;label for=&quot;&quot;&gt;No calendar&lt;/label&gt; &lt;a data-original-title=&quot;No calendar&quot; data-placement=&quot;right&quot; data-toggle=&quot;tooltip&quot; href=&quot;javascript:void(0);&quot;&gt;&lt;span class=&quot;fa fa-question-circle&quot;&gt;&lt;/span&gt;&lt;/a&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;input class=&quot;switch-field&quot; data-field-store=&quot;input_date2-nocalendar&quot; id=&quot;uifm_fld_inp19_nocalendar&quot; type=&quot;checkbox&quot;/&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;zgpb-opt-divider-stl1&quot;&gt;&lt;/div&gt; &lt;div class=&quot;sfdc-row &quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;label for=&quot;&quot;&gt;time 24 hour&lt;/label&gt; &lt;a data-original-title=&quot;No calendar&quot; data-placement=&quot;right&quot; data-toggle=&quot;tooltip&quot; href=&quot;javascript:void(0);&quot;&gt;&lt;span class=&quot;fa fa-question-circle&quot;&gt;&lt;/span&gt;&lt;/a&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;input class=&quot;switch-field&quot; data-field-store=&quot;input_date2-time_24hr&quot; id=&quot;uifm_fld_inp19_time24hr&quot; type=&quot;checkbox&quot;/&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;zgpb-opt-divider-stl1&quot;&gt;&lt;/div&gt; &lt;div class=&quot;sfdc-row &quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;label for=&quot;&quot;&gt;Alternative input&lt;/label&gt; &lt;a data-original-title=&quot;Alternative input&quot; data-placement=&quot;right&quot; data-toggle=&quot;tooltip&quot; href=&quot;javascript:void(0);&quot;&gt;&lt;span class=&quot;fa fa-question-circle&quot;&gt;&lt;/span&gt;&lt;/a&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;input class=&quot;switch-field&quot; data-field-store=&quot;input_date2-altinput&quot; id=&quot;uifm_fld_inp19_altinput&quot; type=&quot;checkbox&quot;/&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;zgpb-opt-divider-stl1&quot;&gt;&lt;/div&gt; &lt;div class=&quot;sfdc-row &quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;label for=&quot;&quot;&gt;Alternative input format&lt;/label&gt; &lt;a data-original-title=&quot;Alternative format input&quot; data-placement=&quot;right&quot; data-toggle=&quot;tooltip&quot; href=&quot;javascript:void(0);&quot;&gt;&lt;span class=&quot;fa fa-question-circle&quot;&gt;&lt;/span&gt;&lt;/a&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;input type=&quot;text&quot; class=&quot;sfdc-form-control uifm-f-setoption&quot; name=&quot;uifm_fld_inp19_altformat&quot; id=&quot;uifm_fld_inp19_altformat&quot; data-field-store=&quot;input_date2-altformat&quot;&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;zgpb-opt-divider-stl1&quot;&gt;&lt;/div&gt; &lt;div class=&quot;sfdc-row &quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;label for=&quot;&quot;&gt;Inline display&lt;/label&gt; &lt;a data-original-title=&quot;Inline display&quot; data-placement=&quot;right&quot; data-toggle=&quot;tooltip&quot; href=&quot;javascript:void(0);&quot;&gt;&lt;span class=&quot;fa fa-question-circle&quot;&gt;&lt;/span&gt;&lt;/a&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;input class=&quot;switch-field&quot; data-field-store=&quot;input_date2-isinline&quot; id=&quot;uifm_fld_inp19_isinline&quot; type=&quot;checkbox&quot;/&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;zgpb-opt-divider-stl1&quot;&gt;&lt;/div&gt; &lt;div class=&quot;sfdc-row &quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;label for=&quot;&quot;&gt;Date format&lt;/label&gt; &lt;a data-original-title=&quot;Date format&quot; data-placement=&quot;right&quot; data-toggle=&quot;tooltip&quot; href=&quot;javascript:void(0);&quot;&gt;&lt;span class=&quot;fa fa-question-circle&quot;&gt;&lt;/span&gt;&lt;/a&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;input type=&quot;text&quot; class=&quot;sfdc-form-control uifm-f-setoption&quot; name=&quot;uifm_fld_inp19_dateformat&quot; id=&quot;uifm_fld_inp19_dateformat&quot; data-field-store=&quot;input_date2-dateformat&quot;&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;zgpb-opt-divider-stl1&quot;&gt;&lt;/div&gt; &lt;div class=&quot;sfdc-row &quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;label for=&quot;&quot;&gt;Language&lt;/label&gt; &lt;a data-original-title=&quot;Language&quot; data-placement=&quot;right&quot; data-toggle=&quot;tooltip&quot; href=&quot;javascript:void(0);&quot;&gt;&lt;span class=&quot;fa fa-question-circle&quot;&gt;&lt;/span&gt;&lt;/a&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;select id=&quot;uifm_fld_inp19_language&quot; style=&quot;width:73px;&quot; onchange=&quot;&quot; data-field-store=&quot;input_date2-language&quot; class=&quot;sfdc-form-control uifm-f-setoption&quot;&gt; &lt;option value=&quot;en&quot;&gt;English&lt;/option&gt; &lt;option value=&quot;es&quot;&gt;Spanish&lt;/option&gt; &lt;option value=&quot;fr&quot;&gt;French&lt;/option&gt; &lt;option value=&quot;ir&quot;&gt;Italian&lt;/option&gt; &lt;option value=&quot;ja&quot;&gt;Japanese&lt;/option&gt; &lt;option value=&quot;pt&quot;&gt;Portuguese&lt;/option&gt; &lt;option value=&quot;ru&quot;&gt;Russian&lt;/option&gt; &lt;option value=&quot;zh&quot;&gt;Chinese&lt;/option&gt; &lt;option value=&quot;de&quot;&gt;German&lt;/option&gt; &lt;option value=&quot;da&quot;&gt;Danish&lt;/option&gt; &lt;/select&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;zgpb-opt-divider-stl1&quot;&gt;&lt;/div&gt; &lt;div class=&quot;sfdc-row &quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;label for=&quot;&quot;&gt;Minimum date&lt;/label&gt; &lt;a data-original-title=&quot;Minimum date&quot; data-placement=&quot;right&quot; data-toggle=&quot;tooltip&quot; href=&quot;javascript:void(0);&quot;&gt;&lt;span class=&quot;fa fa-question-circle&quot;&gt;&lt;/span&gt;&lt;/a&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;input type=&quot;text&quot; class=&quot;sfdc-form-control uifm-f-setoption&quot; name=&quot;uifm_fld_inp19_mindate&quot; id=&quot;uifm_fld_inp19_mindate&quot; data-field-store=&quot;input_date2-mindate&quot;&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;zgpb-opt-divider-stl1&quot;&gt;&lt;/div&gt; &lt;div class=&quot;sfdc-row &quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;label for=&quot;&quot;&gt;Maximum date&lt;/label&gt; &lt;a data-original-title=&quot;Maximum date&quot; data-placement=&quot;right&quot; data-toggle=&quot;tooltip&quot; href=&quot;javascript:void(0);&quot;&gt;&lt;span class=&quot;fa fa-question-circle&quot;&gt;&lt;/span&gt;&lt;/a&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;input type=&quot;text&quot; class=&quot;sfdc-form-control uifm-f-setoption&quot; name=&quot;uifm_fld_inp19_maxdate&quot; id=&quot;uifm_fld_inp19_maxdate&quot; data-field-store=&quot;input_date2-maxdate&quot;&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;zgpb-opt-divider-stl1&quot;&gt;&lt;/div&gt; &lt;div class=&quot;sfdc-row &quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;label for=&quot;&quot;&gt;Default date&lt;/label&gt; &lt;a data-original-title=&quot;Default date&quot; data-placement=&quot;right&quot; data-toggle=&quot;tooltip&quot; href=&quot;javascript:void(0);&quot;&gt;&lt;span class=&quot;fa fa-question-circle&quot;&gt;&lt;/span&gt;&lt;/a&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;input type=&quot;text&quot; class=&quot;sfdc-form-control uifm-f-setoption&quot; name=&quot;uifm_fld_inp19_defaultdate&quot; id=&quot;uifm_fld_inp19_defaultdate&quot; data-field-store=&quot;input_date2-defaultdate&quot;&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;zgpb-opt-divider-stl1&quot;&gt;&lt;/div&gt; &lt;/div&gt; &lt;/fieldset&gt; &lt;/div&gt; &lt;!--\end container --&gt; &lt;div class=&quot;uifm-set-section-inputprice&quot;&gt; &lt;div class=&quot;space20&quot;&gt;&lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;div class=&quot;divider2&quot;&gt; &lt;div class=&quot;mask&quot;&gt;&lt;/div&gt; &lt;span&gt;&lt;i&gt;Price&lt;/i&gt;&lt;/span&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;label &gt;Price&lt;/label&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-sm-6&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;input id=&quot;uifm_fld_price_unitprice&quot; data-field-store=&quot;price-unit_price&quot; class=&quot;uifm_fld_inp4_spinner&quot; type=&quot;text&quot; &gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;uifm-set-section-pricesetting&quot;&gt; &lt;div class=&quot;space20&quot;&gt;&lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;div class=&quot;divider2&quot;&gt; &lt;div class=&quot;mask&quot;&gt;&lt;/div&gt; &lt;span&gt;&lt;i&gt;Price Format&lt;/i&gt;&lt;/span&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;label &gt;Enable Cost estimation&lt;/label&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;input class=&quot;switch-field&quot; data-field-store=&quot;price-enable_st&quot; id=&quot;uifm_fld_price_enable_st&quot; type=&quot;checkbox&quot;/&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-sm-6&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;label for=&quot;&quot;&gt;show price label&lt;/label&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;input class=&quot;switch-field&quot; data-field-store=&quot;price-lbl_show_st&quot; id=&quot;uifm_frm_price_lbl_show_st&quot; name=&quot;uifm_frm_price_lbl_show_st&quot; type=&quot;checkbox&quot;/&gt; &lt;a href=&quot;javascript:void(0);&quot; data-toggle=&quot;tooltip&quot; data-placement=&quot;right&quot; data-original-title=&quot;it will allow to show price label of the field&quot; &gt;&lt;span class=&quot;fa fa-question-circle&quot;&gt;&lt;/span&gt;&lt;/a&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;uifm-set-section-pricesetting2&quot;&gt; &lt;div class=&quot;space10&quot;&gt;&lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-sm-12&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;label class=&quot;sfdc-control-label&quot; for=&quot;&quot;&gt; Price label format &lt;/label&gt; &lt;div class=&quot;space10&quot;&gt;&lt;/div&gt; &lt;div class=&quot;sfdc-controls sfdc-form-group&quot;&gt; &lt;textarea class=&quot;uifm_tinymce_obj&quot; name=&quot;uifm_fld_price_lbl_format&quot; id=&quot;uifm_fld_price_lbl_format&quot;&gt;&lt;/textarea&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-4&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;label &gt;Text Color&lt;/label&gt; &lt;div data-field-store=&quot;price-color&quot; class=&quot;sfdc-input-group uifm-custom-color&quot;&gt; &lt;span class=&quot;sfdc-input-group-addon&quot;&gt;&lt;i&gt;&lt;/i&gt;&lt;/span&gt; &lt;input placeholder=&quot;Pick the color&quot; id=&quot;uifm_fld_price_lbl_color&quot; type=&quot;text&quot; value=&quot;&quot; name=&quot;&quot; class=&quot;sfdc-form-control&quot; /&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-sm-8&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;label &gt;Text Font&lt;/label&gt; &lt;div class=&quot;sfdc-input-group uifm-custom-font&quot;&gt; &lt;input type=&quot;hidden&quot; value=&quot;&quot; name=&quot;uifm_fld_lbl_font&quot;&gt; &lt;select name=&quot;uifm_fld_price_lbl_font&quot;id=&quot;uifm_fld_price_lbl_font&quot;data-field-store=&quot;price-font&quot; class=&quot;sfm&quot; data-selected=&quot;{&amp;quot;family&amp;quot;:&amp;quot;Arial, Helvetica, sans-serif&amp;quot;,&amp;quot;name&amp;quot;:&amp;quot;Arial&amp;quot;,&amp;quot;classname&amp;quot;:&amp;quot;arial&amp;quot;}&quot; data-placeholder=&quot;Select a Font...&quot;&gt; &lt;option value=&quot;&quot;&gt;&lt;/option&gt; &lt;/select&gt; &lt;span class=&quot;sfdc-input-group-addon&quot;&gt; &lt;input data-field-store=&quot;price-font_st&quot; id=&quot;uifm_fld_price_lbl_font_st&quot; name=&quot;uifm_fld_price_lbl_font_st&quot; class=&quot;uifm-f-setoption-st&quot; value=&quot;1&quot; type=&quot;checkbox&quot;&gt; &lt;/span&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;space20&quot;&gt;&lt;/div&gt; &lt;div class=&quot;space20&quot;&gt;&lt;/div&gt; &lt;div class=&quot;space20&quot;&gt;&lt;/div&gt; &lt;div class=&quot;space20&quot;&gt;&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;!--\end container --&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-tab-pane uifm-tab-fld-helpblock&quot; id=&quot;uiform-settings-tab-3&quot;&gt; &lt;div class=&quot;uiform-tab-content scroll-pane-arrows&quot;&gt; &lt;div class=&quot;uiform-tab-content-inner&quot;&gt; &lt;div class=&quot;uiform-set-field-wrap&quot; id=&quot;uiform-set-field-lbl-panel&quot;&gt; &lt;div class=&quot;space20&quot;&gt;&lt;/div&gt; &lt;div class=&quot;uifm-set-section-helpblock&quot;&gt; &lt;div class=&quot;uifm-set-section-helpblock-text&quot;&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-sm-12&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;label class=&quot;sfdc-control-label&quot; for=&quot;&quot;&gt; Help block text &lt;/label&gt; &lt;div class=&quot;sfdc-controls sfdc-form-group&quot;&gt; &lt;textarea class=&quot;uifm_tinymce_obj&quot; name=&quot;uifm_fld_msc_text&quot; id=&quot;uifm_fld_msc_text&quot;&gt;&lt;/textarea&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-4&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;label &gt;Color&lt;/label&gt; &lt;div data-field-store=&quot;help_block-color&quot; class=&quot;sfdc-input-group uifm-custom-color&quot;&gt; &lt;input type=&quot;text&quot; value=&quot;&quot; id=&quot;uifm_fld_hblock_color&quot; name=&quot;uifm_fld_hblock_color&quot; class=&quot;sfdc-form-control&quot; /&gt; &lt;span class=&quot;sfdc-input-group-addon&quot;&gt;&lt;i&gt;&lt;/i&gt;&lt;/span&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-4&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;label &gt;Show help block&lt;/label&gt; &lt;div class=&quot;sfdc-controls sfdc-form-group&quot;&gt; &lt;input class=&quot;switch-field&quot; data-field-store=&quot;help_block-show_st&quot; id=&quot;uifm_fld_hblock_st&quot; name=&quot;uifm_fld_hblock_st&quot; type=&quot;checkbox&quot;/&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-sm-8&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;label &gt;Text Font&lt;/label&gt; &lt;div class=&quot;sfdc-input-group uifm-custom-font&quot;&gt; &lt;input type=&quot;hidden&quot; value=&quot;&quot; name=&quot;uifm_fld_lbl_font&quot;&gt; &lt;select name=&quot;uifm_fld_hblock_font&quot;id=&quot;uifm_fld_hblock_font&quot;data-field-store=&quot;help_block-font&quot; class=&quot;sfm&quot; data-selected=&quot;{&amp;quot;family&amp;quot;:&amp;quot;Arial, Helvetica, sans-serif&amp;quot;,&amp;quot;name&amp;quot;:&amp;quot;Arial&amp;quot;,&amp;quot;classname&amp;quot;:&amp;quot;arial&amp;quot;}&quot; data-placeholder=&quot;Select a Font...&quot;&gt; &lt;option value=&quot;&quot;&gt;&lt;/option&gt; &lt;/select&gt; &lt;span class=&quot;sfdc-input-group-addon&quot;&gt; &lt;input data-field-store=&quot;help_block-font_st&quot; id=&quot;uifm_fld_hblock_font_st&quot; name=&quot;uifm_fld_hblock_font_st&quot; class=&quot;uifm-f-setoption-st&quot; value=&quot;1&quot; type=&quot;checkbox&quot;&gt; &lt;/span&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;label &gt;Help block position&lt;/label&gt; &lt;div class=&quot;sfdc-controls sfdc-form-group&quot;&gt; &lt;div class=&quot;sfdc-btn-group sfdc-btn-group-justified&quot; data-toggle=&quot;buttons&quot;&gt; &lt;label data-field-store=&quot;help_block-pos&quot; data-toggle-enable=&quot;sfdc-btn-warning&quot; data-toggle-disable=&quot;sfdc-btn-warning&quot; data-settings-option=&quot;group-radiobutton&quot; class=&quot;sfdc-btn sfdc-btn-warning uifm-f-setoption-btn&quot; &gt; &lt;input type=&quot;radio&quot; id=&quot;uifm_fld_hblock_pos_1&quot; name=&quot;uifm_fld_hblock_pos&quot; value=&quot;0&quot;&gt; &lt;i class=&quot;fa fa-hand-o-down&quot;&gt;&lt;/i&gt; At bottom &lt;/label&gt; &lt;label data-field-store=&quot;help_block-pos&quot; data-toggle-enable=&quot;sfdc-btn-warning&quot; data-toggle-disable=&quot;sfdc-btn-warning&quot; data-settings-option=&quot;group-radiobutton&quot; class=&quot;sfdc-btn sfdc-btn-warning uifm-f-setoption-btn&quot; &gt; &lt;input type=&quot;radio&quot; id=&quot;uifm_fld_hblock_pos_2&quot; name=&quot;uifm_fld_hblock_pos&quot; value=&quot;1&quot;&gt; &lt;i class=&quot;fa fa-hand-o-up&quot;&gt;&lt;/i&gt; At Top &lt;/label&gt; &lt;label data-field-store=&quot;help_block-pos&quot; data-toggle-enable=&quot;sfdc-btn-warning&quot; data-toggle-disable=&quot;sfdc-btn-warning&quot; data-settings-option=&quot;group-radiobutton&quot; class=&quot;sfdc-btn sfdc-btn-warning uifm-f-setoption-btn&quot; &gt; &lt;input type=&quot;radio&quot; id=&quot;uifm_fld_hblock_pos_3&quot; name=&quot;uifm_fld_hblock_pos&quot; value=&quot;2&quot;&gt; &lt;i class=&quot;fa fa-question-circle&quot;&gt;&lt;/i&gt; Tooltip &lt;/label&gt; &lt;label data-field-store=&quot;help_block-pos&quot; data-toggle-enable=&quot;sfdc-btn-warning&quot; data-toggle-disable=&quot;sfdc-btn-warning&quot; data-settings-option=&quot;group-radiobutton&quot; class=&quot;sfdc-btn sfdc-btn-warning uifm-f-setoption-btn&quot; &gt; &lt;input type=&quot;radio&quot; id=&quot;uifm_fld_hblock_pos_4&quot; name=&quot;uifm_fld_hblock_pos&quot; value=&quot;3&quot;&gt;&lt;i class=&quot;fa fa-question-circle&quot;&gt;&lt;/i&gt; Pop up &lt;/label&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-tab-pane uifm-tab-fld-validation&quot; id=&quot;uiform-settings-tab-4&quot;&gt; &lt;div class=&quot;uiform-tab-content scroll-pane-arrows&quot;&gt; &lt;div class=&quot;uiform-tab-content-inner&quot;&gt; &lt;div class=&quot;uiform-set-field-wrap&quot; id=&quot;uiform-set-field-lbl-panel&quot;&gt; &lt;div class=&quot;space20&quot;&gt;&lt;/div&gt; &lt;div class=&quot;uifm-set-section-validator&quot;&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;label&gt;Add validator&lt;/label&gt; &lt;div class=&quot;sfdc-controls sfdc-form-group tooltip-val-container validators-options-container&quot;&gt; &lt;div class=&quot;uifm-fld-val-opts&quot;&gt; &lt;!-- checkbox group buttons --&gt; &lt;div class=&quot; sfdc-btn-group sfdc-btn-group-justified&quot; data-toggle=&quot;buttons&quot;&gt; &lt;!-- validetor button --&gt; &lt;label id=&quot;uifm-custom-val-req-btn&quot; data-field-store=&quot;validate-typ_val&quot; data-field-value=&quot;5&quot; data-field-select-box=&quot;uifm-custom-val-req&quot; data-toggle-enable=&quot;sfdc-btn-primary&quot; data-toggle-disable=&quot;sfdc-btn-primary&quot; data-settings-option=&quot;group-checkboxes&quot; class=&quot;sfdc-btn sfdc-btn-primary tooltip-val-demo uifm-f-setoption-gchecks&quot; &gt; Required &lt;/label&gt; &lt;!--/ validetor button --&gt; &lt;label id=&quot;uifm-custom-val-regex-btn&quot; data-field-store=&quot;validate-typ_val&quot; data-field-value=&quot;6&quot; data-field-select-box=&quot;uifm-custom-val-req&quot; data-toggle-enable=&quot;sfdc-btn-primary&quot; data-toggle-disable=&quot;sfdc-btn-primary&quot; data-settings-option=&quot;group-checkboxes&quot; class=&quot;sfdc-btn sfdc-btn-primary tooltip-val-demo uifm-f-setoption-gchecks zgfm-set-section-custominput-box&quot; &gt; Custom &lt;/label&gt; &lt;/div&gt; &lt;div class=&quot; sfdc-btn-group sfdc-btn-group-justified&quot; data-toggle=&quot;buttons&quot;&gt; &lt;!-- validetor button --&gt; &lt;label id=&quot;uifm-custom-val-alpha-btn&quot; data-field-store=&quot;validate-typ_val&quot; data-field-value=&quot;1&quot; data-field-select-box=&quot;uifm-custom-val-alpha&quot; data-toggle-enable=&quot;sfdc-btn-primary&quot; data-toggle-disable=&quot;sfdc-btn-primary&quot; data-settings-option=&quot;group-checkboxes&quot; class=&quot;sfdc-btn sfdc-btn-primary tooltip-val-demo uifm-f-setoption-gchecks&quot; &gt; Letters &lt;/label&gt; &lt;!--/ validetor button --&gt; &lt;label id=&quot;uifm-custom-val-alphanum-btn&quot; data-field-store=&quot;validate-typ_val&quot; data-field-value=&quot;2&quot; data-field-select-box=&quot;uifm-custom-val-alphanum&quot; data-toggle-enable=&quot;sfdc-btn-primary&quot; data-toggle-disable=&quot;sfdc-btn-primary&quot; data-settings-option=&quot;group-checkboxes&quot; class=&quot;sfdc-btn sfdc-btn-primary uifm-f-setoption-gchecks&quot; &gt; Letter &amp; Numbers &lt;/label&gt; &lt;/div&gt; &lt;div class=&quot; sfdc-btn-group sfdc-btn-group-justified&quot; data-toggle=&quot;buttons&quot;&gt; &lt;label id=&quot;uifm-custom-val-num-btn&quot; data-field-store=&quot;validate-typ_val&quot; data-field-value=&quot;3&quot; data-field-select-box=&quot;uifm-custom-val-num&quot; data-toggle-enable=&quot;sfdc-btn-primary&quot; data-toggle-disable=&quot;sfdc-btn-primary&quot; data-settings-option=&quot;group-checkboxes&quot; class=&quot;sfdc-btn sfdc-btn-primary uifm-f-setoption-gchecks&quot; &gt; Only numbers &lt;/label&gt; &lt;label id=&quot;uifm-custom-val-mail-btn&quot; data-field-store=&quot;validate-typ_val&quot; data-field-value=&quot;4&quot; data-field-select-box=&quot;uifm-custom-val-mail&quot; data-toggle-enable=&quot;sfdc-btn-primary&quot; data-toggle-disable=&quot;sfdc-btn-primary&quot; data-settings-option=&quot;group-checkboxes&quot; class=&quot;sfdc-btn sfdc-btn-primary uifm-f-setoption-gchecks&quot; &gt; Email &lt;/label&gt; &lt;/div&gt; &lt;/div&gt; &lt;!--&lt;div class=&quot;sfdc-btn-group sfdc-btn-group-justified&quot; data-toggle=&quot;buttons&quot;&gt; &lt;label data-toggle-enable=&quot;sfdc-btn-primary&quot; data-toggle-disable=&quot;sfdc-btn-primary&quot; data-settings-option=&quot;group-checkboxes&quot; class=&quot;sfdc-btn sfdc-btn-primary&quot; &gt; &lt;input type=&quot;checkbox&quot; value=&quot;0&quot;&gt; Greater than &lt;/label&gt; &lt;label data-toggle-enable=&quot;sfdc-btn-primary&quot; data-toggle-disable=&quot;sfdc-btn-primary&quot; data-settings-option=&quot;group-checkboxes&quot; class=&quot;sfdc-btn sfdc-btn-primary&quot; &gt; &lt;input type=&quot;checkbox&quot; value=&quot;0&quot;&gt; Identical &lt;/label&gt; &lt;label data-toggle-enable=&quot;sfdc-btn-primary&quot; data-toggle-disable=&quot;sfdc-btn-primary&quot; data-settings-option=&quot;group-checkboxes&quot; class=&quot;sfdc-btn sfdc-btn-primary&quot; &gt; &lt;input type=&quot;checkbox&quot; value=&quot;0&quot;&gt; Less than &lt;/label&gt; &lt;label data-toggle-enable=&quot;sfdc-btn-primary&quot; data-toggle-disable=&quot;sfdc-btn-primary&quot; data-settings-option=&quot;group-checkboxes&quot; class=&quot;sfdc-btn sfdc-btn-primary&quot; &gt; &lt;input type=&quot;checkbox&quot; value=&quot;0&quot;&gt; Length &lt;/label&gt; &lt;/div&gt;--&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-row&quot; id=&quot;uifm-custom-val-title-added&quot; style=&quot;display:none;&quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;label &gt;Validator: &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;uifm-custom-wrap-validators&quot;&gt; &lt;!-- Required --&gt; &lt;div class=&quot;uifm-custom-validator uifm-custom-val-req&quot; style=&quot;display:none;&quot;&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;label &gt;Validator configuration: Required&lt;/label&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;uifm-custom-val-errormsg&quot;&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;span class=&quot;uifm-custom-val-title1&quot;&gt;Translate error message &lt;/span&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;label &gt;Default Message&lt;/label&gt; &lt;input id=&quot;uifm-custom-val-req-deftxt&quot; type=&quot;hidden&quot; value=&quot;this is required&quot; &gt; &lt;div&gt; this is required &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;label &gt;Custom Error Message&lt;/label&gt; &lt;textarea data-field-store=&quot;validate-typ_val_custxt&quot; style=&quot;width:100%;padding: 5px;&quot; rows=&quot;2&quot; class=&quot;autogrow uifm-f-setoption uifm-custom-val-custxt&quot; id=&quot;uifm-custom-val-req-custxt&quot;&gt;&lt;/textarea&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div id=&quot;zgfm-field-val-custominput-box&quot; style=&quot;display:none;&quot; class=&quot;sfdc-row zgfm-set-section-custominput-box&quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;label &gt;Custom validation&lt;/label&gt; &lt;div class=&quot;sfdc-alert sfdc-alert-warning&quot;&gt; &lt;strong&gt;Info!&lt;/strong&gt; Validation using a character pattern or regular expression e.g. &lt;code&gt;^[a-zA-Zа-яА-ЯёЁ&#039;][a-zA-Z-а-яА-ЯёЁ&#039; ]+[a-zA-Zа-яА-ЯёЁ&#039;]?$&lt;/code&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;input id=&quot;uifm-custom-val-req-regexinput&quot; data-field-store=&quot;validate-customval_regex&quot; class=&quot;uifm-f-setoption sfdc-form-control&quot; placeholder=&quot;Add your character pattern here&quot; value=&quot;&quot;&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;!-- Alphabet --&gt; &lt;div class=&quot;uifm-custom-validator uifm-custom-val-alpha&quot; style=&quot;display:none;&quot;&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;label &gt;Validator configuration: Letters&lt;/label&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;uifm-custom-val-errormsg&quot;&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;span class=&quot;uifm-custom-val-title1&quot;&gt;Translate error message &lt;/span&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;label &gt;Default Message&lt;/label&gt; &lt;input id=&quot;uifm-custom-val-alpha-deftxt&quot; type=&quot;hidden&quot; value=&quot;Required only letters&quot; &gt; &lt;div&gt; Required only letters &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;label &gt;Custom Error Message&lt;/label&gt; &lt;textarea data-field-store=&quot;validate-typ_val_custxt&quot; style=&quot;width:100%;padding: 5px;&quot; rows=&quot;2&quot; class=&quot;autogrow uifm-f-setoption uifm-custom-val-custxt&quot; id=&quot;uifm-custom-val-alpha-custxt&quot;&gt;&lt;/textarea&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;!-- Alphabet numbers--&gt; &lt;div class=&quot;uifm-custom-validator uifm-custom-val-alphanum&quot; style=&quot;display:none;&quot;&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;label &gt;Validator configuration: Letters and Numbers&lt;/label&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;uifm-custom-val-errormsg&quot;&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;span class=&quot;uifm-custom-val-title1&quot;&gt;Translate error message &lt;/span&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;label &gt;Default Message&lt;/label&gt; &lt;input id=&quot;uifm-custom-val-alphanum-deftxt&quot; type=&quot;hidden&quot; value=&quot;Required only Letters and Numbers&quot; &gt; &lt;div&gt; Required only Letters and Numbers &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;label &gt;Custom Error Message&lt;/label&gt; &lt;textarea data-field-store=&quot;validate-typ_val_custxt&quot; style=&quot;width:100%;padding: 5px;&quot; rows=&quot;2&quot; class=&quot;autogrow uifm-f-setoption uifm-custom-val-custxt&quot; id=&quot;uifm-custom-val-alphanum-custxt&quot;&gt;&lt;/textarea&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;!-- Only numbers--&gt; &lt;div class=&quot;uifm-custom-validator uifm-custom-val-num&quot; style=&quot;display:none;&quot;&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;label &gt;Validator configuration: Only numbers&lt;/label&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;uifm-custom-val-errormsg&quot;&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;span class=&quot;uifm-custom-val-title1&quot;&gt;Translate error message &lt;/span&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;label &gt;Default Message&lt;/label&gt; &lt;input id=&quot;uifm-custom-val-numbers-deftxt&quot; type=&quot;hidden&quot; value=&quot;Required only numbers&quot; &gt; &lt;div&gt; Required only numbers &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;label &gt;Custom Error Message&lt;/label&gt; &lt;textarea data-field-store=&quot;validate-typ_val_custxt&quot; style=&quot;width:100%;padding: 5px;&quot; rows=&quot;2&quot; class=&quot;autogrow uifm-f-setoption uifm-custom-val-custxt&quot; id=&quot;uifm-custom-val-numbers-custxt&quot;&gt;&lt;/textarea&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;!-- Email --&gt; &lt;div class=&quot;uifm-custom-validator uifm-custom-val-mail&quot; style=&quot;display:none;&quot;&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;label &gt;Validator configuration: Email&lt;/label&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;uifm-custom-val-errormsg&quot;&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;span class=&quot;uifm-custom-val-title1&quot;&gt;Translate error message &lt;/span&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;label &gt;Default Message&lt;/label&gt; &lt;input id=&quot;uifm-custom-val-email-deftxt&quot; type=&quot;hidden&quot; value=&quot;Required a valid mail&quot; &gt; &lt;div&gt; Required a valid mail &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;label &gt;Custom Error Message&lt;/label&gt; &lt;textarea data-field-store=&quot;validate-typ_val_custxt&quot; style=&quot;width:100%;padding: 5px;&quot; rows=&quot;2&quot; class=&quot;autogrow uifm-f-setoption uifm-custom-val-custxt&quot; id=&quot;uifm-custom-val-email-custxt&quot;&gt;&lt;/textarea&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;label &gt;Alert position&lt;/label&gt; &lt;div class=&quot;sfdc-controls sfdc-form-group&quot;&gt; &lt;div class=&quot;sfdc-btn-group sfdc-btn-group-justified&quot; data-toggle=&quot;buttons&quot;&gt; &lt;label data-field-store=&quot;validate-pos&quot; data-toggle-enable=&quot;sfdc-btn-success&quot; data-toggle-disable=&quot;sfdc-btn-success&quot; data-settings-option=&quot;group-radiobutton&quot; class=&quot;sfdc-btn sfdc-btn-success uifm-f-setoption-btn&quot; &gt; &lt;input type=&quot;radio&quot; id=&quot;uifm_fld_val_pos_1&quot; name=&quot;uifm_fld_val_pos&quot; value=&quot;0&quot;&gt; &lt;i class=&quot;fa fa-hand-o-up&quot;&gt;&lt;/i&gt; Top &lt;/label&gt; &lt;label data-field-store=&quot;validate-pos&quot; data-toggle-enable=&quot;sfdc-btn-success&quot; data-toggle-disable=&quot;sfdc-btn-success&quot; data-settings-option=&quot;group-radiobutton&quot; class=&quot;sfdc-btn sfdc-btn-success uifm-f-setoption-btn&quot; &gt; &lt;input type=&quot;radio&quot; id=&quot;uifm_fld_val_pos_2&quot; name=&quot;uifm_fld_val_pos&quot; value=&quot;1&quot;&gt; &lt;i class=&quot;fa fa-hand-o-right&quot;&gt;&lt;/i&gt; Right &lt;/label&gt; &lt;label data-field-store=&quot;validate-pos&quot; data-toggle-enable=&quot;sfdc-btn-success&quot; data-toggle-disable=&quot;sfdc-btn-success&quot; data-settings-option=&quot;group-radiobutton&quot; class=&quot;sfdc-btn sfdc-btn-success uifm-f-setoption-btn&quot; &gt; &lt;input type=&quot;radio&quot; id=&quot;uifm_fld_val_pos_3&quot; name=&quot;uifm_fld_val_pos&quot; value=&quot;2&quot;&gt; &lt;i class=&quot;fa fa-hand-o-down&quot;&gt;&lt;/i&gt; Bottom &lt;/label&gt; &lt;label data-field-store=&quot;validate-pos&quot; data-toggle-enable=&quot;sfdc-btn-success&quot; data-toggle-disable=&quot;sfdc-btn-success&quot; data-settings-option=&quot;group-radiobutton&quot; class=&quot;sfdc-btn sfdc-btn-success uifm-f-setoption-btn&quot; &gt; &lt;input type=&quot;radio&quot; id=&quot;uifm_fld_val_pos_4&quot; name=&quot;uifm_fld_val_pos&quot; value=&quot;3&quot;&gt; &lt;i class=&quot;fa fa-hand-o-left&quot;&gt;&lt;/i&gt; Left &lt;/label&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;label &gt;Text Color&lt;/label&gt; &lt;div data-field-store=&quot;validate-tip_col&quot; class=&quot;sfdc-input-group uifm-custom-color&quot;&gt; &lt;input type=&quot;text&quot; value=&quot;&quot; id=&quot;uifm_fld_val_tipcolor&quot; name=&quot;uifm_fld_val_tipcolor&quot; class=&quot;sfdc-form-control&quot; /&gt; &lt;span class=&quot;sfdc-input-group-addon&quot;&gt;&lt;i&gt;&lt;/i&gt;&lt;/span&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-sm-6&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;label &gt;Background Color&lt;/label&gt; &lt;div data-field-store=&quot;validate-tip_bg&quot; class=&quot;sfdc-input-group uifm-custom-color&quot;&gt; &lt;span class=&quot;sfdc-input-group-addon&quot;&gt;&lt;i&gt;&lt;/i&gt;&lt;/span&gt; &lt;input type=&quot;text&quot; value=&quot;&quot; id=&quot;uifm_fld_val_tipbg&quot; name=&quot;uifm_fld_val_tipbg&quot; class=&quot;sfdc-form-control&quot; /&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;div class=&quot;divider2&quot;&gt; &lt;div class=&quot;mask&quot;&gt;&lt;/div&gt; &lt;span&gt;&lt;i&gt;Required icon&lt;/i&gt;&lt;/span&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-4&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;label &gt;Set required icon&lt;/label&gt; &lt;div class=&quot;sfdc-controls sfdc-form-group&quot;&gt; &lt;input class=&quot;switch-field&quot; data-field-store=&quot;validate-reqicon_st&quot; id=&quot;uifm_fld_val_reqicon_st&quot; name=&quot;uifm_fld_val_reqicon_st&quot; type=&quot;checkbox&quot; /&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-sm-8&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;label &gt;Choose required icon&lt;/label&gt; &lt;div class=&quot;sfdc-controls sfdc-form-group&quot;&gt; &lt;button id=&quot;uifm_fld_val_reqicon_img&quot; data-field-store=&quot;validate-reqicon_img&quot; class=&quot;sfdc-btn sfdc-btn-default&quot; data-iconset=&quot;glyphicon&quot; role=&quot;iconpicker&quot;&gt; &lt;/button&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;label &gt;Required icon position&lt;/label&gt; &lt;div class=&quot;sfdc-controls sfdc-form-group&quot;&gt; &lt;div class=&quot;sfdc-btn-group sfdc-btn-group-justified&quot; data-toggle=&quot;buttons&quot;&gt; &lt;label data-field-store=&quot;validate-reqicon_pos&quot; data-toggle-enable=&quot;sfdc-btn-success&quot; data-toggle-disable=&quot;sfdc-btn-success&quot; data-settings-option=&quot;group-radiobutton&quot; id=&quot;uifm_fld_val_reqicon_pos_1&quot; name=&quot;uifm_fld_val_reqicon_pos_1&quot; class=&quot;sfdc-btn sfdc-btn-success uifm-f-setoption-btn&quot; &gt; &lt;input type=&quot;radio&quot; value=&quot;0&quot;&gt; &lt;i class=&quot;fa fa-asterisk&quot;&gt;&lt;/i&gt; Before label &lt;/label&gt; &lt;label data-field-store=&quot;validate-reqicon_pos&quot; data-toggle-enable=&quot;sfdc-btn-success&quot; data-toggle-disable=&quot;sfdc-btn-success&quot; data-settings-option=&quot;group-radiobutton&quot; id=&quot;uifm_fld_val_reqicon_pos_2&quot; name=&quot;uifm_fld_val_reqicon_pos_2&quot; class=&quot;sfdc-btn sfdc-btn-success uifm-f-setoption-btn&quot; &gt; &lt;input type=&quot;radio&quot; value=&quot;1&quot;&gt;&lt;i class=&quot;fa fa-asterisk&quot;&gt;&lt;/i&gt; After label &lt;/label&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-tab-pane uifm-tab-fld-logicrls&quot; id=&quot;uiform-settings-tab-6&quot;&gt; &lt;div class=&quot;uiform-tab-content scroll-pane-arrows&quot;&gt; &lt;div class=&quot;uiform-tab-content-inner&quot;&gt; &lt;div class=&quot;uiform-set-field-wrap&quot; id=&quot;uiform-set-form-clogic&quot;&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;label &gt;Enable Conditional logic&lt;/label&gt; &lt;div class=&quot;&quot;&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;input class=&quot;switch-field&quot; data-field-store=&quot;clogic-show_st&quot; id=&quot;uifm_frm_clogic_st&quot; type=&quot;checkbox&quot;/&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;div id=&quot;uifm-show-conditional-logic&quot; class=&quot;sfdc-clearfix&quot; style=&quot;display:none;&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;div class=&quot;&quot;&gt; &lt;div class=&quot;conditional-logic-box form-inline&quot;&gt; &lt;div class=&quot;&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;select id=&quot;uifm_frm_clogic_show&quot; style=&quot;width:85px;display: inline;&quot; data-field-store=&quot;clogic-f_show&quot; class=&quot;sfdc-form-control uifm-f-setoption&quot;&gt; &lt;option selected=&quot;selected&quot; value=&quot;1&quot;&gt;Show&lt;/option&gt; &lt;option value=&quot;2&quot;&gt;Hide&lt;/option&gt; &lt;/select&gt; &lt;label style=&quot;display: inline;&quot; &gt; this field if&lt;/label&gt; &lt;select id=&quot;uifm_frm_clogic_all&quot; style=&quot;width:64px;display:inline;&quot; data-field-store=&quot;clogic-f_all&quot; class=&quot;sfdc-form-control uifm-f-setoption&quot;&gt; &lt;option value=&quot;1&quot;&gt;All&lt;/option&gt; &lt;option selected=&quot;selected&quot; value=&quot;2&quot;&gt;Any&lt;/option&gt; &lt;/select&gt; &lt;label style=&quot;display: inline;&quot; &gt;of the following rule match:&lt;/label&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;space20&quot;&gt; &lt;/div&gt; &lt;div class=&quot;&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;button onclick=&quot;javascript:rocketform.clogic_addNewConditional();&quot; class=&quot;sfdc-btn sfdc-btn-primary&quot; type=&quot;button&quot;&gt; Add new conditional Logic &lt;/button&gt; &lt;button class=&quot;sfdc-btn sfdc-btn-sm sfdc-btn-danger&quot; onclick=&quot;javascript:rocketform.clogic_removeAll();&quot;&gt; &lt;i class=&quot;fa fa-trash-o&quot;&gt;&lt;/i&gt; Remove all&lt;/button&gt; &lt;/div&gt; &lt;/div&gt; &lt;div id=&quot;uifm-conditional-logic-list&quot;&gt;&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;clear&quot;&gt;&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div id=&quot;uiform-set-clogic-tmpl&quot; style=&quot;display:none;&quot;&gt; &lt;select class=&quot;uifm_clogic_fieldsel&quot; onchange=&quot;javascript:rocketform.clogic_changeField(this);&quot; &gt; &lt;/select&gt; &lt;input onchange=&quot;javascript:rocketform.clogic_changeMinput(this);&quot; class=&quot;uifm_clogic_minput_2&quot; type=&quot;text&quot;&gt; &lt;select class=&quot;uifm_clogic_minput_1&quot; onchange=&quot;javascript:rocketform.clogic_changeMinput(this);&quot; &gt; &lt;/select&gt; &lt;select onchange=&quot;javascript:rocketform.clogic_changeMtype(this);&quot; class=&quot;sfdc-form-control uifm_clogic_mtypeinp uifm_clogic_mtypeinp_1&quot;&gt; &lt;option selected=&quot;selected&quot; value=&quot;1&quot;&gt;is&lt;/option&gt; &lt;option value=&quot;2&quot;&gt;is not&lt;/option&gt; &lt;/select&gt; &lt;select onchange=&quot;javascript:rocketform.clogic_changeMtype(this);&quot; class=&quot;sfdc-form-control uifm_clogic_mtypeinp uifm_clogic_mtypeinp_2&quot;&gt; &lt;option selected=&quot;selected&quot; value=&quot;1&quot;&gt;is&lt;/option&gt; &lt;option value=&quot;2&quot;&gt;is not&lt;/option&gt; &lt;option value=&quot;3&quot;&gt;greater than&lt;/option&gt; &lt;option value=&quot;4&quot;&gt;less than&lt;/option&gt; &lt;/select&gt; &lt;div data-row-index=&quot;0&quot; class=&quot;uifm-conditional-row clearfix&quot;&gt; &lt;div class=&quot;&quot;&gt; &lt;div class=&quot;uifm_clogic_deloption&quot;&gt; &lt;a href=&quot;javascript:void(0)&quot; class=&quot;sfdc-btn sfdc-btn-sm sfdc-btn-danger&quot; onclick=&quot;javascript:rocketform.clogic_deleteConditional(this);&quot; &gt; &lt;i class=&quot;fa fa-trash-o&quot;&gt;&lt;/i&gt; &lt;/a&gt; &lt;/div&gt; &lt;div class=&quot;uifm_clogic_field&quot;&gt; &lt;/div&gt; &lt;div class=&quot;uifm_clogic_mtype&quot;&gt; &lt;/div&gt; &lt;div class=&quot;uifm_clogic_minput&quot;&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-tab-pane uifm-tab-fld-more&quot; id=&quot;uiform-settings-tab-7&quot;&gt; &lt;div class=&quot;uiform-tab-content scroll-pane-arrows&quot;&gt; &lt;div class=&quot;uiform-tab-content-inner&quot;&gt; &lt;div class=&quot;uiform-set-field-wrap&quot; id=&quot;uiform-set-form-more&quot;&gt; &lt;fieldset&gt; &lt;legend&gt;Margin &lt;/legend&gt; &lt;div class=&quot;zgpb-modal-body-tab-inner&quot;&gt; &lt;div class=&quot;sfdc-row &quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;label for=&quot;&quot;&gt;Top&lt;/label&gt; &lt;a data-original-title=&quot;Top margin (px)&quot; data-placement=&quot;right&quot; data-toggle=&quot;tooltip&quot; href=&quot;javascript:void(0);&quot;&gt;&lt;span class=&quot;fa fa-question-circle&quot;&gt;&lt;/span&gt;&lt;/a&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;input id=&quot;zgpb_fld_col_margin_top&quot; class=&quot;zgpb_fld_settings_spinner&quot; data-field-store=&quot;skin-margin-top&quot; type=&quot;text&quot; &gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;zgpb-opt-divider-stl1&quot;&gt;&lt;/div&gt; &lt;div class=&quot;sfdc-row &quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;label for=&quot;&quot;&gt;Bottom&lt;/label&gt; &lt;a data-original-title=&quot;Bottom margin (px)&quot; data-placement=&quot;right&quot; data-toggle=&quot;tooltip&quot; href=&quot;javascript:void(0);&quot;&gt;&lt;span class=&quot;fa fa-question-circle&quot;&gt;&lt;/span&gt;&lt;/a&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;input id=&quot;zgpb_fld_col_margin_bottom&quot; class=&quot;zgpb_fld_settings_spinner&quot; data-field-store=&quot;skin-margin-bottom&quot; type=&quot;text&quot; &gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;zgpb-opt-divider-stl1&quot;&gt;&lt;/div&gt; &lt;div class=&quot;sfdc-row &quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;label for=&quot;&quot;&gt;left&lt;/label&gt; &lt;a data-original-title=&quot;Left margin (px)&quot; data-placement=&quot;right&quot; data-toggle=&quot;tooltip&quot; href=&quot;javascript:void(0);&quot;&gt;&lt;span class=&quot;fa fa-question-circle&quot;&gt;&lt;/span&gt;&lt;/a&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;input id=&quot;zgpb_fld_col_margin_left&quot; class=&quot;zgpb_fld_settings_spinner&quot; data-field-store=&quot;skin-margin-left&quot; type=&quot;text&quot; &gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;zgpb-opt-divider-stl1&quot;&gt;&lt;/div&gt; &lt;div class=&quot;sfdc-row &quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;label for=&quot;&quot;&gt;right&lt;/label&gt; &lt;a data-original-title=&quot;Right margin (px)&quot; data-placement=&quot;right&quot; data-toggle=&quot;tooltip&quot; href=&quot;javascript:void(0);&quot;&gt;&lt;span class=&quot;fa fa-question-circle&quot;&gt;&lt;/span&gt;&lt;/a&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;input id=&quot;zgpb_fld_col_margin_right&quot; class=&quot;zgpb_fld_settings_spinner&quot; data-field-store=&quot;skin-margin-right&quot; type=&quot;text&quot; &gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;space5&quot;&gt;&lt;/div&gt; &lt;/div&gt; &lt;/fieldset&gt; &lt;fieldset&gt; &lt;legend&gt;Padding &lt;/legend&gt; &lt;div class=&quot;zgpb-modal-body-tab-inner&quot;&gt; &lt;div class=&quot;sfdc-row &quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;label for=&quot;&quot;&gt;Top&lt;/label&gt; &lt;a data-original-title=&quot;Top margin (px)&quot; data-placement=&quot;right&quot; data-toggle=&quot;tooltip&quot; href=&quot;javascript:void(0);&quot;&gt;&lt;span class=&quot;fa fa-question-circle&quot;&gt;&lt;/span&gt;&lt;/a&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;input id=&quot;zgpb_fld_col_padding_top&quot; class=&quot;zgpb_fld_settings_spinner&quot; data-field-store=&quot;skin-padding-top&quot; type=&quot;text&quot; &gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;zgpb-opt-divider-stl1&quot;&gt;&lt;/div&gt; &lt;div class=&quot;sfdc-row &quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;label for=&quot;&quot;&gt;Bottom&lt;/label&gt; &lt;a data-original-title=&quot;Bottom margin (px)&quot; data-placement=&quot;right&quot; data-toggle=&quot;tooltip&quot; href=&quot;javascript:void(0);&quot;&gt;&lt;span class=&quot;fa fa-question-circle&quot;&gt;&lt;/span&gt;&lt;/a&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;input id=&quot;zgpb_fld_col_padding_bottom&quot; class=&quot;zgpb_fld_settings_spinner&quot; data-field-store=&quot;skin-padding-bottom&quot; type=&quot;text&quot; &gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;zgpb-opt-divider-stl1&quot;&gt;&lt;/div&gt; &lt;div class=&quot;sfdc-row &quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;label for=&quot;&quot;&gt;left&lt;/label&gt; &lt;a data-original-title=&quot;Left margin (px)&quot; data-placement=&quot;right&quot; data-toggle=&quot;tooltip&quot; href=&quot;javascript:void(0);&quot;&gt;&lt;span class=&quot;fa fa-question-circle&quot;&gt;&lt;/span&gt;&lt;/a&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;input id=&quot;zgpb_fld_col_padding_left&quot; class=&quot;zgpb_fld_settings_spinner&quot; data-field-store=&quot;skin-padding-left&quot; type=&quot;text&quot; &gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;zgpb-opt-divider-stl1&quot;&gt;&lt;/div&gt; &lt;div class=&quot;sfdc-row &quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;label for=&quot;&quot;&gt;right&lt;/label&gt; &lt;a data-original-title=&quot;Right margin (px)&quot; data-placement=&quot;right&quot; data-toggle=&quot;tooltip&quot; href=&quot;javascript:void(0);&quot;&gt;&lt;span class=&quot;fa fa-question-circle&quot;&gt;&lt;/span&gt;&lt;/a&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;input id=&quot;zgpb_fld_col_padding_right&quot; class=&quot;zgpb_fld_settings_spinner&quot; data-field-store=&quot;skin-padding-right&quot; type=&quot;text&quot; &gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;space5&quot;&gt;&lt;/div&gt; &lt;/div&gt; &lt;/fieldset&gt; &lt;fieldset &gt; &lt;legend&gt;Additional &lt;/legend&gt; &lt;div class=&quot;zgpb-modal-body-tab-inner&quot;&gt; &lt;div class=&quot;sfdc-row &quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;label for=&quot;&quot;&gt;ID selector&lt;/label&gt; &lt;a data-original-title=&quot;ID selector let you control through css or javascript&quot; data-placement=&quot;right&quot; data-toggle=&quot;tooltip&quot; href=&quot;javascript:void(0);&quot;&gt;&lt;span class=&quot;fa fa-question-circle&quot;&gt;&lt;/span&gt;&lt;/a&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;input type=&quot;text&quot; id=&quot;zgpb_fld_col_ctmid&quot; readonly=&quot;readonly&quot; class=&quot;sfdc-form-control&quot;&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;zgpb-opt-divider-stl1&quot;&gt;&lt;/div&gt; &lt;div class=&quot;sfdc-row &quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;label for=&quot;&quot;&gt;CSS class&lt;/label&gt; &lt;a data-original-title=&quot;CSS class let you control through css or javascript&quot; data-placement=&quot;right&quot; data-toggle=&quot;tooltip&quot; href=&quot;javascript:void(0);&quot;&gt;&lt;span class=&quot;fa fa-question-circle&quot;&gt;&lt;/span&gt;&lt;/a&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;input type=&quot;text&quot; data-field-store=&quot;skin-custom_css-ctm_class&quot; id=&quot;zgpb_fld_col_ctmclass&quot; name=&quot;zgpb_fld_col_ctmclass&quot; placeholder=&quot;&quot; class=&quot;zgpb-field-col-event-txt sfdc-form-control&quot;&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div style=&quot;display:none;&quot;&gt; &lt;div class=&quot;zgpb-opt-divider-stl1&quot;&gt;&lt;/div&gt; &lt;div class=&quot;sfdc-row &quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;label for=&quot;&quot;&gt;Additional css&lt;/label&gt; &lt;a data-original-title=&quot;Additional css&quot; data-placement=&quot;right&quot; data-toggle=&quot;tooltip&quot; href=&quot;javascript:void(0);&quot;&gt;&lt;span class=&quot;fa fa-question-circle&quot;&gt;&lt;/span&gt;&lt;/a&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;textarea class=&quot;zgpb-field-col-event-txt sfdc-form-control &quot; data-field-store=&quot;skin-custom_css-ctm_additional&quot; style=&quot;width: 100%; height: 200px;&quot; name=&quot;zgpb_fld_ctmaddt&quot; id=&quot;zgpb_fld_ctmaddt&quot;&gt;&lt;/textarea&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;space5&quot;&gt;&lt;/div&gt; &lt;/div&gt; &lt;/fieldset&gt; &lt;!-- load modules --&gt; &lt;!--/ load modules --&gt; &lt;/div&gt; &lt;script type=&quot;text/javascript&quot;&gt; zgfm_back_fld_options.selfld_settings_form_more(); &lt;/script&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;!--\ End Tab panes --&gt; &lt;/div&gt; &lt;!-- second panel --&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;script type=&quot;text/javascript&quot;&gt; zgfm_back_fld_options.selfld_field_opt_text(); &lt;/script&gt; </script>