<table cols="2"> <tr> <td> <label class="header"><%= scope.textFill %></label> </td> </tr> <tr> <td class="padding-small"> <div id="cell-combo-fill-src" style="width: 100%;"></div> </td> </tr> <tr> <td> <div id="cell-panel-color-fill" class="settings-hidden padding-small" style="width: 100%;"> <div id="cell-back-color-btn" style=""></div> </div> <div id="cell-panel-pattern-fill" class="settings-hidden padding-small" style="width: 100%;"> <label class="input-label" style="margin-top: 3px;"><%= scope.textPattern %></label> <div id="cell-combo-pattern" style="width: 100%; height: 42px; margin-bottom: 8px;"></div> <div style="width: 100%; height: 25px; margin-bottom: 8px;"> <label class="input-label" style="margin-top: 3px;"><%= scope.textForeground %></label> <div id="cell-foreground-color-btn" style="display: inline-block; float:right;"></div> </div> <div style="width: 100%; height: 25px;"> <label class="input-label" style="margin-top: 3px;"><%= scope.textBackground %></label> <div id="cell-background-color-btn" style="display: inline-block; float:right;"></div> </div> </div> <div id="cell-panel-gradient-fill" class="settings-hidden padding-small" style="width: 100%;"> <div style="height:80px;"> <div style="display: inline-block;"> <label class="input-label" style=""><%= scope.textAngle %></label> <div id="cell-spin-gradient-angle" style="width: 90px;"></div> </div> <div style="display: inline-block;float: right;"> <label class="input-label" style=""><%= scope.textDirection %></label> <div id="cell-button-direction" style=""></div> </div> </div> <label class="header" style="display:block;margin-bottom: 5px;"><%= scope.textGradient %></label> <div style="display: inline-block; margin-top: 3px;"> <div id="cell-slider-gradient" style="display: inline-block; vertical-align: middle;"></div> </div> <div style="height: 40px;margin-top:6px;display:flex;justify-content:space-between;"> <div style="display: flex;"> <div style=""> <label class="input-label" style=""><%= scope.textGradientColor %></label> <div id="cell-gradient-color-btn"></div> </div> <div style="margin-left: 10px;"> <label class="input-label" style=""><%= scope.textPosition %></label> <div id="cell-gradient-position"></div> </div> </div> <div style="display:flex;padding-top:15px;"> <div id="cell-gradient-add-step"></div> <div id="cell-gradient-remove-step"></div> </div> </div> </div> </td> </tr> <tr> <td class="padding-small" colspan=2> <div class="separator horizontal"></div> </td> </tr> <tr> <td colspan=2 class="padding-small"> <label class="header"><%= scope.textBorders %></label> </td> </tr> <tr> <td class="padding-small" colspan=2> <div id="cell-combo-border-type" style="display: inline-block; vertical-align: middle; width: 93px;"></div> <div style="display: inline-block; float:right;vertical-align: middle;"> <label class="input-label" style="margin-right: 5px;"><%= scope.textBorderColor %></label> <div id="cell-border-color-btn" style="display: inline-block;"></div> </div> </td> </tr> <tr> <td class="padding-small" colspan=2> <label class="input-label"><%= scope.textSelectBorders %></label> </td> </tr> <tr> <td colspan=2 class="padding-small"> <div id="cell-button-border-all" style="display: inline-block;"></div> <div id="cell-button-border-none" style="display: inline-block;"></div> <div id="cell-button-border-inner" style="display: inline-block;"></div> <div id="cell-button-border-outer" style="display: inline-block;"></div> <div id="cell-button-border-diagu" style="display: inline-block;"></div> <div id="cell-button-border-diagd" style="display: inline-block;"></div> </td> </tr> <tr> <td colspan=2 class="padding-small"> <div id="cell-button-border-left" style="display: inline-block;"></div> <div id="cell-button-border-inner-vert" style="display: inline-block;"></div> <div id="cell-button-border-right" style="display: inline-block;"></div> <div id="cell-button-border-top" style="display: inline-block;"></div> <div id="cell-button-border-inner-hor" style="display: inline-block;"></div> <div id="cell-button-border-bottom" style="display: inline-block;"></div> </td> </tr> <tr> <td class="padding-small" colspan=2> <div class="separator horizontal"></div> </td> </tr> <tr> <td colspan=2 class=""> <label class="header"><%= scope.textIndent %></label> </td> </tr> <tr> <td class="padding-large" colspan=2> <div id="cell-spin-indent" style="display: inline-block;"></div> </td> </tr> <tr> <td colspan=2 class="padding-small"> <label class="header"><%= scope.textOrientation %></label> </td> </tr> <tr> <td class="padding-large" colspan=2> <label class="input-label"><%= scope.textAngle %></label> <div id="cell-spin-angle" style="display: inline-block;margin-left:5px;"></div> </td> </tr> <tr> <td colspan=2 class="padding-small"> <label class="header"><%= scope.textControl %></label> </td> </tr> <tr> <td class="padding-small" colspan=2> <div id="cell-checkbox-wrap"></div> </td> </tr> <tr> <td class="padding-small" colspan=2> <div id="cell-checkbox-shrink"></div> </td> </tr> <tr> <td class="padding-small" colspan=2> <div class="separator horizontal"></div> </td> </tr> <tr> <td class="padding-small" colspan=2> <div id="cell-btn-cond-format" style="width:100%;"></div> </td> </tr> <tr class="finish-cell"></tr> </table>