<table cols="1"> <tr> <td> <label class="header padding-small" id="form-settings-name"><%= scope.textField %></label> </td> </tr> <tr class="form-keyfield"> <td class="padding-small"> <label class="input-label"><%= scope.textKey %></label> <div id="form-combo-key" style="width: 100%;"></div> </td> </tr> <tr class="form-connected"> <td class="padding-small"> <label style="opacity: 0.5; margin-right: 5px;" id="form-settings-connected"><%= scope.textConnected %></label> <label class="link-solid" id="form-settings-disconnect"><%= scope.textDisconnect %></label> </td> </tr> <tr class="form-radiobox"> <td class="padding-small"> <label class="input-label"><%= scope.textGroupKey %></label> <div id="form-combo-group-key" style="width: 100%;"></div> </td> </tr> <tr class="form-placeholder"> <td class="padding-small"> <label class="input-label"><%= scope.textPlaceholder %></label> <div id="form-txt-pholder"></div> </td> </tr> <tr class="form-not-in-complex"> <td class="padding-small"> <label class="input-label"><%= scope.textTag %></label> <div id="form-txt-tag"></div> </td> </tr> <tr> <td class="padding-small"> <label class="input-label"><%= scope.textTip %></label> <div id="form-txt-help"></div> </td> </tr> <tr class="form-textfield"> <td class="padding-small"> <label class="input-label"><%= scope.textFormat %></label> <div id="form-combo-format" style="width: 100%;"></div> </td> </tr> <tr class="form-textfield-mask"> <td class="padding-small"> <div id="form-txt-mask"></div> </td> </tr> <tr class="form-textfield"> <td class="padding-small"> <label class="input-label"><%= scope.textFormatSymbols %></label> <div id="form-txt-format-symbols"></div> </td> </tr> </table> <table cols="2"> <tr class="form-list"> <td colspan="2" class="padding-small"> <label class="input-label"><%= scope.textValue %></label> </td> </tr> <tr class="form-list" style="vertical-align: top;"> <td class="padding-small"> <div id="form-txt-new-value" style="width:164px; margin-right: 5px;"></div> </td> <td class="padding-small"> <div id="form-list-add" style="margin-left: 5px;"></div> </td> </tr> <tr class="form-list" style="vertical-align: top;"> <td class="padding-large"> <div id="form-list-list" style="width:164px; height: 95px;margin-right: 5px;"></div> </td> <td class="padding-large"> <div id="form-list-delete" style="margin-bottom: 5px;margin-left: 5px;"></div> <div id="form-list-up" style="margin-bottom: 5px;margin-left: 5px;"></div> <div id="form-list-down" style="margin-left: 5px;"></div> </td> </tr> </table> <table cols="1"> <tr class="form-fixed"> <td class="padding-small"> <div id="form-chb-fixed"></div> </td> </tr> <tr class="form-textfield-simple"> <td class="padding-small"> <div id="form-chb-autofit"></div> </td> </tr> <tr class="form-textfield-simple"> <td class="padding-small"> <div id="form-chb-multiline"></div> </td> </tr> <tr class="form-textfield-simple"> <td class="padding-small"> <div class="separator horizontal"></div> </td> </tr> <tr class="form-textfield"> <td class="padding-small"> <div id="form-chb-max-chars" style="display: inline-block;margin-top: 4px;"></div> <div id="form-spin-max-chars" style="display: inline-block;float: right;"></div> </td> </tr> <tr class="form-textfield"> <td class="padding-small"> <div id="form-chb-comb"></div> </td> </tr> </table> <table cols="2"> <tr class="form-textfield"> <td colspan=2 style="padding-left: 22px;"> <label class="input-label"><%= scope.textWidth %></label> </td> </tr> <tr class="form-textfield"> <td class="padding-small" style="padding-left: 22px;"> <div id="form-combo-width-rule" style="width: 82px;"></div> </td> <td class="padding-small"> <div id="form-spin-width" style="float:right;"></div> </td> </tr> <tr class="form-textfield"> <td colspan=2 class="padding-small"> <div class="separator horizontal"></div> </td> </tr> </table> <table cols="1"> <tr class="form-image"> <td class="padding-small"> <label class="input-label"><%= scope.textScale %></label> <div id="form-combo-scale" style="width: 100%;"></div> </td> </tr> <tr class="form-image"> <td class="padding-large"> <div id="form-chb-aspect"></div> </td> </tr> <tr class="form-image"> <td class="padding-large"> <div id="form-cnt-position" style="width: 100%;"> <div class="row"> <div id="form-img-position-preview"> <div id="form-img-example"><%= scope.textImage %></div> </div> <div id="form-img-slider-position-y"></div> </div> <div class="row"> <div id="form-img-slider-position-x"></div> <label id="form-img-slider-value"></label> </div> </div> </td> </tr> <tr class="form-image"> <td class="padding-large"> <div id="form-button-replace" style="width:100%;"></div> </td> </tr> </table> <table cols="1"> <tr> <td class="padding-small"> <label class="input-label" style="margin-top: 4px;"><%= scope.textColor %></label> <div id="form-color-btn" style="display: inline-block; float: right;"></div> </td> </tr> <tr> <td class="padding-small"> <label class="input-label" style="margin-top: 4px;"><%= scope.textBackgroundColor %></label> <div id="form-background-color-btn" style="display: inline-block; float: right;"></div> </td> </tr> </table> <table cols="1"> <tr> <td class="padding-small"> <div class="separator horizontal"></div> </td> </tr> <tr class="form-not-in-complex"> <td class="padding-small"> <div id="form-chb-required"></div> </td> </tr> <tr class="form-not-in-complex"> <td class="padding-small"> <div class="separator horizontal"></div> </td> </tr> <tr> <td class="padding-small"> <div id="form-btn-delete"></div> </td> </tr> <tr class="form-not-in-complex"> <td class="padding-small"> <div id="form-btn-lock"></div> </td> </tr> <tr class="finish-cell"></tr> </table>