实例介绍
【实例简介】1.可在jsp,html页面嵌入excel,实现页面的自动配置化 2.基本功能不需要收取任何费用 3.使用谷歌引擎,IE11以下版本不能使用功能,只能显示
【实例截图】
【核心代码】
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title>SpreadJS - Samples</title>
<link rel="icon" type="image/png" href="css/images/splogo.png" />
<!--Font-Awesome-->
<link href="css/font-awesome/css/font-awesome.min.css" rel="stylesheet">
<link rel="stylesheet" href="css/bootstrap.min.css" />
<link rel="stylesheet" href="css/bootstrap-theme.min.css" />
<!--SpreadJS Css-->
<link rel="stylesheet" href="css/gcspread.sheets.excel2013white.9.40.20161.0.css" title="spread-theme" />
<link rel="stylesheet" href="css/inspector.css" />
<link rel="stylesheet" href="css/insp-table-format.css" />
<link rel="stylesheet" href="css/insp-slicer-format.css" />
<link rel="stylesheet" href="css/insp-conditional-formatting.css" />
<link rel="stylesheet" href="css/colorpicker.css" />
<link rel="stylesheet" href="css/borderpicker.css" />
<link rel="stylesheet" href="css/insp-spread.css" />
<link rel="stylesheet" href="css/sample.css" />
<!--jQuery References-->
<script type="text/javascript" src="scripts/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="scripts/jquery-ui-1.10.3.custom.min.js"></script>
<script type="text/javascript" src="scripts/bootstrap.min.js"></script>
<script type="text/javascript" src="scripts/gcspread.sheets.all.9.40.20161.0.min.js"></script>
<script type="text/javascript" src="scripts/FileSaver.min.js"></script>
<script type="text/javascript" src="scripts/resources.js"></script>
<script type="text/javascript" src="scripts/sample.js"></script>
</head>
<body class="unselectable">
<div class="toolbar" id="toolbar">
<div class="toolbar-left-section">
<div class="toolbar-spread">
<span class="sample-head-logo"></span>
<div class="sample-head-text">SpreadJS</div>
</div>
<div class="btn-group" role="group" aria-label="toolbar" style="margin-top: 10px;margin-left:10px;">
<div>
<div class="insp-row">
<div>
<button type="button" class="btn btn-default btn-toolbar localize-tooltip" id="doImport" title="@toolBar.importJson@">
<span class="fa fa-folder-open fa-2x"></span>
</button>
<button type="button" class="btn btn-default btn-toolbar localize-tooltip" id="doExport" title="@toolBar.exportJson@">
<span class="fa fa-floppy-o fa-2x"></span>
</button>
<button type="button" class="btn btn-default btn-toolbar localize-tooltip" id="doClear" title="@toolBar.clear.title@">
<span class="fa fa-eraser fa-2x"></span>
</button>
<div class="insp-dropdown-list insp-inline-row v-middle localize-tooltip" data-list-ref="zoomList" data-name="zoomSpread" title="@toolBar.zoom.title@">
<div class="dropdown insp-inline-row-item btn btn-default insp-text-right insp-col-12 btn-zoom btn-hover">
<div style="width: 100%; height: 100%">
<span class="display btn-zoom-text"></span><span class="caret"></span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="toolbar-middle-section">
<div class="btn-group" role="group" aria-label="toolbar" style="margin-top: 10px;">
<button type="button" class="btn btn-default btn-toolbar localize-tooltip" id="addtable" title="@toolBar.insertTable@">
<span class="fa fa-table fa-2x"></span>
</button>
<button type="button" class="btn btn-default btn-toolbar localize-tooltip" id="addpicture" title="@toolBar.insertPicture@">
<span class="fa fa-picture-o fa-2x"></span>
</button>
<button type="button" class="btn btn-default btn-toolbar localize-tooltip" id="addcomment" title="@toolBar.insertComment@">
<span class="fa fa-comment fa-2x"></span>
</button>
<div class="btn-group" role="group">
<button type="button" class="btn btn-default btn-toolbar dropdown-toggle localize-tooltip" data-toggle="dropdown" aria-expanded="false" title="@toolBar.insertSparkline@">
<span class="fa fa-bar-chart-o fa-2x"></span>
</button>
<ul class="dropdown-menu" role="menu" id="sparklineextypes">
<li>
<button type="button" class="btn btn-default btn-toolbar localize-tooltip" id="lineSparkline" title="@sparklineDialog.sparklineExType.values.line@">
<span class="ui-icon sparkline-line"></span>
</button>
<button type="button" class="btn btn-default btn-toolbar localize-tooltip" id="columnSparkline" title="@sparklineDialog.sparklineExType.values.column@">
<span class="ui-icon sparkline-column"></span>
</button>
<button type="button" class="btn btn-default btn-toolbar localize-tooltip" id="winlossSparkline" title="@sparklineDialog.sparklineExType.values.winLoss@">
<span class="ui-icon sparkline-winloss"></span>
</button>
</li>
<li>
<button type="button" class="btn btn-default btn-toolbar localize-tooltip" id="pieSparkline" title="@sparklineDialog.sparklineExType.values.pie@">
<span class="ui-icon sparkline-pie"></span>
</button>
<button type="button" class="btn btn-default btn-toolbar localize-tooltip" id="areaSparkline" title="@sparklineDialog.sparklineExType.values.area@">
<span class="ui-icon sparkline-area"></span>
</button>
<button type="button" class="btn btn-default btn-toolbar localize-tooltip" id="scatterSparkline" title="@sparklineDialog.sparklineExType.values.scatter@">
<span class="ui-icon sparkline-scatter"></span>
</button>
</li>
<li>
<button type="button" class="btn btn-default btn-toolbar localize-tooltip" id="spreadSparkline" title="@sparklineDialog.sparklineExType.values.spread@">
<span class="ui-icon sparkline-spread"></span>
</button>
<button type="button" class="btn btn-default btn-toolbar localize-tooltip" id="stackedSparkline" title="@sparklineDialog.sparklineExType.values.stacked@">
<span class="ui-icon sparkline-stacked"></span>
</button>
<button type="button" class="btn btn-default btn-toolbar localize-tooltip" id="boxplotSparkline" title="@sparklineDialog.sparklineExType.values.boxplot@">
<span class="ui-icon sparkline-boxplot"></span>
</button>
</li>
<li>
<button type="button" class="btn btn-default btn-toolbar localize-tooltip" id="cascadeSparkline" title="@sparklineDialog.sparklineExType.values.cascade@">
<span class="ui-icon sparkline-cascade"></span>
</button>
<button type="button" class="btn btn-default btn-toolbar localize-tooltip" id="paretoSparkline" title="@sparklineDialog.sparklineExType.values.pareto@">
<span class="ui-icon sparkline-pareto"></span>
</button>
<button type="button" class="btn btn-default btn-toolbar localize-tooltip" id="bulletSparkline" title="@sparklineDialog.sparklineExType.values.bullet@">
<span class="ui-icon sparkline-bullet"></span>
</button>
</li>
<li>
<button type="button" class="btn btn-default btn-toolbar localize-tooltip" id="hbarSparkline" title="@sparklineDialog.sparklineExType.values.hbar@">
<span class="ui-icon sparkline-hbar"></span>
</button>
<button type="button" class="btn btn-default btn-toolbar localize-tooltip" id="vbarSparkline" title="@sparklineDialog.sparklineExType.values.vbar@">
<span class="ui-icon sparkline-vbar"></span>
</button>
<button type="button" class="btn btn-default btn-toolbar localize-tooltip" id="variSparkline" title="@sparklineDialog.sparklineExType.values.variance@">
<span class="ui-icon sparkline-variance"></span>
</button>
</li>
</ul>
</div>
<button type="button" class="btn btn-default btn-toolbar localize-tooltip hidden" id="addslicer" title="@toolBar.insertSlicer@">
<span class="fa fa-filter fa-2x"></span>
</button>
</div>
</div>
<div class="toolbar-right-section">
<button type="button" class="btn btn-default btn-toolbar localize-tooltip" id="toggleInspector" title="@toolBar.hideInspector@">
<span class="fa fa-angle-right fa-2x"></span>
</button>
</div>
</div>
<div class="content-container">
<div id="inner-content-container">
<table id="formulaBar" style="width: 100%;">
<tbody>
<tr>
<td style="vertical-align:top;">
<input type="text" id="positionbox" disabled="disabled" style="/*text-align: center;*/ padding: 5px; border-width: 0; background-color: rgb(235, 235, 228); height: 36px;">
</td>
<td style="width: 100%; border-left: 1px solid #ccc;">
<div id="formulabox" contenteditable="true" spellcheck="false" style="overflow: hidden; height: 36px; width: 100%; padding: 9px;"></div>
<div class="vertical-splitter ui-draggable" id="verticalSplitter"></div>
</td>
</tr>
</tbody>
</table>
<div class="spread-container" id="controlPanel" style="height: 600px; bottom: 0;">
<div id="ss" style="height: 100%; border: 1px solid #ddd;"></div>
</div>
</div>
<div class="insp-container">
<div>
<ul class="nav nav-tabs nav-justified">
<li class="insp-cate-tab active">
<a href="#spreadTab" data-toggle="tab" class="localize">@tabs.spread@</a>
</li>
<li class="insp-cate-tab">
<a href="#sheetTab" data-toggle="tab" class="localize">@tabs.sheet@</a>
</li>
<li class="insp-cate-tab">
<a href="#cellTab" data-toggle="tab" class="localize">@tabs.cell@</a>
</li>
<li class="insp-cate-tab hidden">
<a href="#tableTab" data-toggle="tab" class="localize">@tabs.table@</a>
</li>
<li class="insp-cate-tab">
<a href="#dataTab" data-toggle="tab" class="localize">@tabs.data@</a>
</li>
<li class="insp-cate-tab hidden">
<a href="#commentTab" data-toggle="tab" class="localize">@tabs.comment@</a>
</li>
<li class="insp-cate-tab hidden">
<a href="#pictureTab" data-toggle="tab" class="localize">@tabs.picture@</a>
</li>
<li class="insp-cate-tab hidden">
<a href="#sparklineExTab" data-toggle="tab" class="localize">@tabs.sparklineEx@</a>
</li>
<li class="insp-cate-tab hidden">
<a href="#slicerTab" data-toggle="tab" class="localize">@tabs.slicer@</a>
</li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="spreadTab">
<div class="insp-pane">
<div class="insp-group-layout">
<div class="insp-group expanded">
<div class="insp-group-title">
<span>
<span class="group-state fa"></span>
<span class="group-text localize">@spreadTab.general.title@</span>
</span>
</div>
<div class="insp-group-content">
<div>
<div class="insp-row">
<div>
<div class="insp-checkbox insp-inline-row" data-name="canUserDragDrop">
<div class="button insp-inline-row-item checked"></div>
<div class="text insp-inline-row-item localize">@spreadTab.general.allowDragDrop@</div>
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-checkbox insp-inline-row" data-name="canUserDragFill">
<div class="button insp-inline-row-item checked"></div>
<div class="text insp-inline-row-item localize">@spreadTab.general.allowDragFill@</div>
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-checkbox insp-inline-row" data-name="allowZoom">
<div class="button insp-inline-row-item checked"></div>
<div class="text insp-inline-row-item localize">@spreadTab.general.allowZoom@</div>
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-checkbox insp-inline-row" data-name="allowOverflow">
<div class="button insp-inline-row-item checked"></div>
<div class="text insp-inline-row-item localize">@spreadTab.general.allowOverfolow@</div>
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-checkbox insp-inline-row" data-name="showDragFillSmartTag">
<div class="button insp-inline-row-item checked"></div>
<div class="text insp-inline-row-item localize">@spreadTab.general.showDragFillSmartTag@</div>
</div>
</div>
</div>
</div>
<div class="group-item-divider"></div>
<div>
<div class="insp-row">
<div>
<div class="insp-dropdown-list insp-inline-row" data-list-ref="resizeZeroIndicatorList" data-name="resizeZeroIndicator">
<div class="title insp-inline-row-item insp-col-6 localize">@spreadTab.resizeZeroIndicator.title@</div>
<div class="dropdown insp-inline-row-item btn btn-default insp-text-right insp-col-6">
<div style="width: 100%; height: 100%">
<span class="display"></span><span class="caret"></span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="insp-group-layout">
<div class="insp-group expanded">
<div class="insp-group-title">
<span>
<span class="group-state fa"></span>
<span class="group-text localize">@spreadTab.calculation.title@</span>
</span>
</div>
<div class="insp-group-content">
<div>
<div class="insp-row">
<div class="text insp-inline-row-item localize">@spreadTab.calculation.referenceStyle.title@</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-checkbox insp-inline-row insp-col-12" data-name="referenceStyle">
<div class="radiobutton insp-inline-row-item insp-col-offset-1 checked" data-name="a1style"></div>
<div class="text insp-inline-row-item insp-col-3 localize" data-name="a1style">@spreadTab.calculation.referenceStyle.A1@</div>
<div class="radiobutton insp-inline-row-item" data-name="r1c1style"></div>
<div class="text insp-inline-row-item insp-col-3 localize" data-name="r1c1style">@spreadTab.calculation.referenceStyle.R1C1@</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="insp-group-layout">
<div class="insp-group">
<div class="insp-group-title">
<span>
<span class="group-state fa"></span>
<span class="group-text localize">@spreadTab.scrollBar.title@</span>
</span>
</div>
<div class="insp-group-content">
<div>
<div class="insp-row">
<div>
<div class="insp-checkbox insp-inline-row" data-name="showVerticalScrollbar">
<div class="button insp-inline-row-item checked"></div>
<div class="text insp-inline-row-item localize">@spreadTab.scrollBar.showVertical@</div>
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-checkbox insp-inline-row" data-name="showHorizontalScrollbar">
<div class="button insp-inline-row-item checked"></div>
<div class="text insp-inline-row-item localize">@spreadTab.scrollBar.showHorizontal@</div>
</div>
</div>
</div>
</div>
<div class="group-item-divider"></div>
<div>
<div class="insp-row">
<div>
<div class="insp-checkbox insp-inline-row" data-name="scrollbarMaxAlign">
<div class="button insp-inline-row-item checked"></div>
<div class="text insp-inline-row-item localize">@spreadTab.scrollBar.maxAlign@</div>
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-checkbox insp-inline-row" data-name="scrollbarShowMax">
<div class="button insp-inline-row-item checked"></div>
<div class="text insp-inline-row-item localize">@spreadTab.scrollBar.showMax@</div>
</div>
</div>
</div>
</div>
<div class="group-item-divider"></div>
<div>
<div class="insp-row">
<div>
<div class="insp-checkbox insp-inline-row" data-name="scrollIgnoreHidden">
<div class="button insp-inline-row-item checked"></div>
<div class="text insp-inline-row-item localize">@spreadTab.scrollBar.scrollIgnoreHidden@</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="insp-group-layout">
<div class="insp-group">
<div class="insp-group-title">
<span>
<span class="group-state fa"></span>
<span class="group-text localize">@spreadTab.tabStip.title@</span>
</span>
</div>
<div class="insp-group-content">
<div>
<div class="insp-row">
<div>
<div class="insp-checkbox insp-inline-row" data-name="tabStripVisible">
<div class="button insp-inline-row-item checked"></div>
<div class="text insp-inline-row-item localize">@spreadTab.tabStip.visible@</div>
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-checkbox insp-inline-row" data-name="newTabVisible">
<div class="button insp-inline-row-item checked"></div>
<div class="text insp-inline-row-item localize">@spreadTab.tabStip.newTabVisible@</div>
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-checkbox insp-inline-row" data-name="tabEditable">
<div class="button insp-inline-row-item checked"></div>
<div class="text insp-inline-row-item localize">@spreadTab.tabStip.editable@</div>
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-checkbox insp-inline-row" data-name="showTabNavigation">
<div class="button insp-inline-row-item checked"></div>
<div class="text insp-inline-row-item localize">@spreadTab.tabStip.showTabNavigation@</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="insp-group-layout">
<div class="insp-group">
<div class="insp-group-title">
<span>
<span class="group-state fa"></span>
<span class="group-text localize">@spreadTab.color.title@</span>
</span>
</div>
<div class="insp-group-content">
<div>
<div class="insp-row">
<div>
<div class="insp-color-picker insp-inline-row" data-name="spreadBackcolor">
<div class="title insp-inline-row-item insp-col-8 localize">@spreadTab.color.spreadBackcolor@</div>
<div class="picker insp-inline-row-item insp-col-4">
<div style="width: 100%; height: 100%">
<div class="color-view " style="background-color: rgb(255, 255, 255);"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-color-picker insp-inline-row" data-name="grayAreaBackcolor">
<div class="title insp-inline-row-item insp-col-8 localize">@spreadTab.color.grayAreaBackcolor@</div>
<div class="picker insp-inline-row-item insp-col-4">
<div style="width: 100%; height: 100%">
<div class="color-view " style="background-color: rgb(0, 0, 0);"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="insp-group-layout">
<div class="insp-group">
<div class="insp-group-title">
<span>
<span class="group-state fa"></span>
<span class="group-text localize">@spreadTab.tip.title@</span>
</span>
</div>
<div class="insp-group-content">
<div>
<div class="insp-row">
<div>
<div class="insp-dropdown-list insp-inline-row" data-list-ref="scrollTipList" data-name="scrollTip">
<div class="title insp-inline-row-item insp-col-4 localize">@spreadTab.tip.scrollTip.title@</div>
<div class="dropdown insp-inline-row-item btn btn-default insp-text-right insp-col-8">
<div style="width: 100%; height: 100%">
<span class="display"></span><span class="caret"></span>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-dropdown-list insp-inline-row" data-list-ref="resizeTipList" data-name="resizeTip">
<div class="title insp-inline-row-item insp-col-4 localize">@spreadTab.tip.resizeTip.title@</div>
<div class="dropdown insp-inline-row-item btn btn-default insp-text-right insp-col-8">
<div style="width: 100%; height: 100%">
<span class="display"></span><span class="caret"></span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="group-item-divider"></div>
<div>
<div class="insp-row">
<div>
<div class="insp-checkbox insp-inline-row" data-name="showDragDropTip">
<div class="button insp-inline-row-item checked"></div>
<div class="text insp-inline-row-item localize">@spreadTab.tip.showDragDropTip@</div>
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-checkbox insp-inline-row" data-name="showDragFillTip">
<div class="button insp-inline-row-item checked"></div>
<div class="text insp-inline-row-item localize">@spreadTab.tip.showDragFillTip@</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="insp-group-layout">
<div class="insp-group">
<div class="insp-group-title">
<span>
<span class="group-state fa"></span>
<span class="group-text localize">@spreadTab.sheets.title@</span>
</span>
</div>
<div class="insp-group-content">
<div>
<div class="insp-row">
<div>
<div class="insp-dropdown-list insp-inline-row" data-list-ref="sheetNameList" data-name="sheetName">
<div class="title insp-inline-row-item insp-col-4 localize">@spreadTab.sheets.sheetName@</div>
<div class="dropdown insp-inline-row-item btn btn-default insp-text-right insp-col-8">
<div style="width: 100%; height: 100%">
<span class="display">Sheet1</span><span class="caret"></span>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-checkbox insp-inline-row" data-name="sheetVisible" style="width: 100%">
<div class="insp-col-offset-4">
<div class="button insp-inline-row-item checked"></div>
<div class="text insp-inline-row-item localize">@spreadTab.sheets.sheetVisible@</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="insp-group-layout">
<div class="insp-group">
<div class="insp-group-title">
<span>
<span class="group-state fa"></span>
<span class="group-text localize">@spreadTab.cutCopyIndicator.title@</span>
</span>
</div>
<div class="insp-group-content">
<div>
<div class="insp-row">
<div>
<div class="insp-checkbox insp-inline-row" data-name="cutCopyIndicatorVisible">
<div class="button insp-inline-row-item checked"></div>
<div class="text insp-inline-row-item localize">@spreadTab.cutCopyIndicator.visible@</div>
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-color-picker insp-inline-row" data-name="cutCopyIndicatorBorderColor">
<div class="title insp-inline-row-item insp-col-8 localize">@spreadTab.cutCopyIndicator.borderColor@</div>
<div class="picker insp-inline-row-item insp-col-4">
<div style="width: 100%; height: 100%">
<div class="color-view " style="background-color: rgb(0, 0, 0);"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="insp-group-layout">
<div class="insp-group">
<div class="insp-group-title">
<span>
<span class="group-state fa"></span>
<span class="group-text localize">@spreadTab.spreadTheme.title@</span>
</span>
</div>
<div class="insp-group-content">
<div>
<div class="insp-row">
<div>
<div class="insp-dropdown-list insp-inline-row" data-list-ref="spreadThemeList" data-name="spreadTheme" id="spreadTheme">
<div class="title insp-inline-row-item insp-col-4 localize">@spreadTab.spreadTheme.theme.title@</div>
<div class="dropdown insp-inline-row-item btn btn-default insp-text-right insp-col-8">
<div style="width: 100%; height: 100%">
<span class="display"></span><span class="caret"></span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane" id="sheetTab">
<div class="insp-pane">
<div class="insp-group-layout">
<div class="insp-group expanded">
<div class="insp-group-title">
<span>
<span class="group-state fa"></span>
<span class="group-text localize">@sheetTab.general.title@</span>
</span>
</div>
<div class="insp-group-content">
<div>
<div class="insp-row">
<div>
<div class="insp-text insp-inline-row" data-name="sheetName">
<div class="title insp-inline-row-item insp-col-6 localize">@sheetTab.general.name@</div>
<input class="editor insp-inline-row-item insp-col-6" type="text">
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-number insp-inline-row" data-name="rowCount">
<div class="title insp-inline-row-item insp-col-6 localize">@sheetTab.general.rowCount@</div>
<input class="editor insp-inline-row-item insp-col-6" type="number">
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-number insp-inline-row" data-name="columnCount">
<div class="title insp-inline-row-item insp-col-6 localize">@sheetTab.general.columnCount@</div>
<input class="editor insp-inline-row-item insp-col-6" type="number">
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-color-picker insp-inline-row" data-name="sheetTabColor">
<div class="title insp-inline-row-item insp-col-6 localize">@sheetTab.general.tabColor@</div>
<div class="picker insp-inline-row-item insp-col-6">
<div style="width: 100%; height: 100%">
<div class="color-view " style="background-color: rgba(0, 0, 0, 0);"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="insp-group-layout">
<div class="insp-group">
<div class="insp-group-title">
<span>
<span class="group-state fa"></span>
<span class="group-text localize">@sheetTab.freeze.title@</span>
</span>
</div>
<div class="insp-group-content">
<div>
<div class="insp-row">
<div>
<div class="insp-number insp-inline-row" data-name="frozenRowCount">
<div class="title insp-inline-row-item insp-col-6 localize">@sheetTab.freeze.frozenRowCount@</div>
<input class="editor insp-inline-row-item insp-col-6" type="number">
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-number insp-inline-row" data-name="frozenColumnCount">
<div class="title insp-inline-row-item insp-col-6 localize">@sheetTab.freeze.frozenColumnCount@</div>
<input class="editor insp-inline-row-item insp-col-6" type="number">
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-number insp-inline-row" data-name="trailingFrozenRowCount">
<div class="title insp-inline-row-item insp-col-6 localize">@sheetTab.freeze.trailingFrozenRowCount@</div>
<input class="editor insp-inline-row-item insp-col-6" type="number">
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-number insp-inline-row" data-name="trailingFrozenColumnCount">
<div class="title insp-inline-row-item insp-col-6 localize">@sheetTab.freeze.trailingFrozenColumnCount@</div>
<input class="editor insp-inline-row-item insp-col-6" type="number">
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-color-picker insp-inline-row" data-name="frozenLineColor">
<div class="title insp-inline-row-item insp-col-6 localize">@sheetTab.freeze.frozenLineColor@</div>
<div class="picker insp-inline-row-item insp-col-6">
<div style="width: 100%; height: 100%">
<div class="color-view " style="background-color: rgb(0, 0, 0);"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="group-item-divider">
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-buttons insp-inline-row">
<div class="insp-inline-row-item content">
<div class="item">
<div class="button btn btn-default localize" id="freezePane">@sheetTab.freeze.freezePane@</div>
</div>
<div class="item">
<div class="button btn btn-default localize" id="unfreeze">@sheetTab.freeze.unfreeze@</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="insp-group-layout">
<div class="insp-group">
<div class="insp-group-title">
<span>
<span class="group-state fa"></span>
<span class="group-text localize">@sheetTab.gridLine.title@</span>
</span>
</div>
<div class="insp-group-content">
<div>
<div class="insp-row">
<div>
<div class="insp-checkbox insp-inline-row" data-name="showVerticalGridline">
<div class="button insp-inline-row-item checked"></div>
<div class="text insp-inline-row-item localize">@sheetTab.gridLine.showVertical@</div>
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-checkbox insp-inline-row" data-name="showHorizontalGridline">
<div class="button insp-inline-row-item checked"></div>
<div class="text insp-inline-row-item localize">@sheetTab.gridLine.showHorizontal@</div>
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-color-picker insp-inline-row" data-name="gridlineColor">
<div class="title insp-inline-row-item insp-col-6 localize">@sheetTab.gridLine.color@</div>
<div class="picker insp-inline-row-item insp-col-6">
<div style="width: 100%; height: 100%">
<div class="color-view " style="background-color: rgb(208, 215, 229);"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="insp-group-layout">
<div class="insp-group">
<div class="insp-group-title">
<span>
<span class="group-state fa"></span>
<span class="group-text localize">@sheetTab.header.title@</span>
</span>
</div>
<div class="insp-group-content">
<div>
<div class="insp-row">
<div>
<div class="insp-checkbox insp-inline-row" data-name="showRowHeader">
<div class="button insp-inline-row-item checked"></div>
<div class="text insp-inline-row-item localize">@sheetTab.header.showRowHeader@</div>
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-checkbox insp-inline-row" data-name="showColumnHeader">
<div class="button insp-inline-row-item checked"></div>
<div class="text insp-inline-row-item localize">@sheetTab.header.showColumnHeader@</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="insp-group-layout">
<div class="insp-group">
<div class="insp-group-title">
<span>
<span class="group-state fa"></span>
<span class="group-text localize">@sheetTab.selection.title@</span>
</span>
</div>
<div class="insp-group-content">
<div>
<div class="insp-row">
<div>
<div class="insp-dropdown-list insp-inline-row" data-list-ref="selectionPolicyList" data-name="selectionPolicy">
<div class="title insp-inline-row-item insp-col-4 localize">@sheetTab.selection.policy.title@</div>
<div class="dropdown insp-inline-row-item btn btn-default insp-text-right insp-col-8">
<div style="width: 100%; height: 100%">
<span class="display"></span><span class="caret"></span>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-dropdown-list insp-inline-row" data-list-ref="selectionUnitList" data-name="selectionUnit">
<div class="title insp-inline-row-item insp-col-4 localize">@sheetTab.selection.unit.title@</div>
<div class="dropdown insp-inline-row-item btn btn-default insp-text-right insp-col-8">
<div style="width: 100%; height: 100%">
<span class="display"></span><span class="caret"></span>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-color-picker insp-inline-row" data-name="selectionBorderColor">
<div class="title insp-inline-row-item insp-col-6 localize">@sheetTab.selection.borderColor@</div>
<div class="picker insp-inline-row-item insp-col-6">
<div style="width: 100%; height: 100%">
<div class="color-view " style="background-color: rgb(255, 255, 255);"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-color-picker insp-inline-row show-nofill-color" data-name="selectionBackColor">
<div class="title insp-inline-row-item insp-col-6 localize">@sheetTab.selection.backColor@</div>
<div class="picker insp-inline-row-item insp-col-6">
<div style="width: 100%; height: 100%">
<div class="color-view " style="background-color: rgb(0, 0, 0);"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-checkbox insp-inline-row" data-name="hideSelection">
<div class="button insp-inline-row-item"></div>
<div class="text insp-inline-row-item localize">@sheetTab.selection.hide@</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="insp-group-layout">
<div class="insp-group">
<div class="insp-group-title">
<span>
<span class="group-state fa"></span>
<span class="group-text localize">@sheetTab.protection.title@</span>
</span>
</div>
<div class="insp-group-content">
<div>
<div class="insp-row">
<div>
<div class="insp-checkbox insp-inline-row" data-name="checkboxProtectSheet">
<div class="button insp-inline-row-item"></div>
<div class="text insp-inline-row-item localize">@sheetTab.protection.protectSheet@</div>
</div>
</div>
</div>
</div>
<div class="group-item-divider"></div>
<div>
<div class="insp-row">
<div>
<div class="insp-checkbox insp-inline-row" data-name="checkboxSelectLockedCells">
<div class="button insp-inline-row-item checked"></div>
<div class="text insp-inline-row-item localize">@sheetTab.protection.selectLockCells@</div>
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-checkbox insp-inline-row" data-name="checkboxSelectUnlockedCells">
<div class="button insp-inline-row-item checked"></div>
<div class="text insp-inline-row-item localize">@sheetTab.protection.selectUnlockedCells@</div>
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-checkbox insp-inline-row" data-name="checkboxSort">
<div class="button insp-inline-row-item"></div>
<div class="text insp-inline-row-item localize">@sheetTab.protection.sort@</div>
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-checkbox insp-inline-row" data-name="checkboxUseAutoFilter">
<div class="button insp-inline-row-item"></div>
<div class="text insp-inline-row-item localize">@sheetTab.protection.useAutoFilter@</div>
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-checkbox insp-inline-row" data-name="checkboxResizeRows">
<div class="button insp-inline-row-item"></div>
<div class="text insp-inline-row-item localize">@sheetTab.protection.resizeRows@</div>
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-checkbox insp-inline-row" data-name="checkboxResizeColumns">
<div class="button insp-inline-row-item"></div>
<div class="text insp-inline-row-item localize">@sheetTab.protection.resizeColumns@</div>
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-checkbox insp-inline-row" data-name="checkboxEditObjects">
<div class="button insp-inline-row-item"></div>
<div class="text insp-inline-row-item localize">@sheetTab.protection.editObjects@</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane" id="cellTab">
<div class="insp-pane">
<div class="insp-group-layout">
<div class="insp-group expanded">
<div class="insp-group-title">
<span>
<span class="group-state fa"></span>
<span class="group-text localize">@cellTab.style.title@</span>
</span>
</div>
<div class="insp-group-content">
<div>
<div class="insp-row">
<div>
<div class="insp-button-group insp-inline-row">
<div class="group-container insp-inline-row-item btn-group btn-group-xs btn-group-justified insp-col-12">
<span class="btn btn-default font-bold localize-tooltip" data-name="bold" title="@tooltips.style.fontBold@">B</span>
<span class="btn btn-default font-italic localize-tooltip" data-name="italic" title="@tooltips.style.fontItalic@">I</span>
<span class="btn btn-default font-underline localize-tooltip" data-name="underline" title="@tooltips.style.fontUnderline@">U</span>
<span class="btn btn-default font-overline localize-tooltip" data-name="overline" title="@tooltips.style.fontOverline@">O</span>
<span class="btn btn-default font-strikethrough localize-tooltip" data-name="strikethrough" title="@tooltips.style.fontLinethrough@">S</span>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-dropdown-list insp-inline-row" data-list-ref="fontFamilyList" data-name="fontFamily">
<div class="title insp-inline-row-item insp-col-4 localize">@cellTab.style.fontFamily@</div>
<div class="dropdown insp-inline-row-item btn btn-default insp-text-right insp-col-8">
<div style="width: 100%; height: 100%">
<span class="display"></span><span class="caret"></span>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-dropdown-list insp-inline-row" data-list-ref="fontSizeList" data-name="fontSize">
<div class="title insp-inline-row-item insp-col-4 localize">@cellTab.style.fontSize@</div>
<div class="dropdown insp-inline-row-item btn btn-default insp-text-right insp-col-8">
<div style="width: 100%; height: 100%">
<span class="display"></span><span class="caret"></span>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-color-picker insp-inline-row" data-name="foreColor">
<div class="title insp-inline-row-item insp-col-4 localize">@cellTab.style.foreColor@</div>
<div class="picker insp-inline-row-item insp-col-8">
<div style="width: 100%; height: 100%">
<div class="color-view" style="background-color: rgb(79, 129, 189);"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-color-picker insp-inline-row show-nofill-color" data-name="backColor">
<div class="title insp-inline-row-item insp-col-4 localize">@cellTab.style.backColor@</div>
<div class="picker insp-inline-row-item insp-col-8">
<div style="width: 100%; height: 100%">
<div class="color-view" style="background-color: rgb(220, 231, 241);"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="insp-group-layout">
<div class="insp-group expanded">
<div class="insp-group-title">
<span>
<span class="group-state fa"></span>
<span class="group-text localize">@cellTab.border.title@</span>
</span>
</div>
<div class="insp-group-content">
<div>
<div class="insp-row">
<div class="insp-groups">
<div>
<div class="group-item">
<div class="spread-border-icon-outsideborder image localize-tooltip" data-name="outsideBorder" title="@tooltips.border.outsideBorder@"></div>
</div>
<div class="group-item">
<div class="spread-border-icon-insideborder image localize-tooltip" data-name="insideBorder" title="@tooltips.border.insideBorder@"></div>
</div>
<div class="group-item">
<div class="spread-border-icon-allborder image localize-tooltip" data-name="allBorder" title="@tooltips.border.allBorder@"></div>
</div>
</div>
<div>
<div class="group-item">
<div class="spread-border-icon-leftborder image localize-tooltip" data-name="leftBorder" title="@tooltips.border.leftBorder@"></div>
</div>
<div class="group-item">
<div class="spread-border-icon-innervertical image localize-tooltip" data-name="innerVerticalBorder" title="@tooltips.border.innerVertical@"></div>
</div>
<div class="group-item">
<div class="spread-border-icon-rightborder image localize-tooltip" data-name="rightBorder" title="@tooltips.border.rightBorder@"></div>
</div>
</div>
<div>
<div class="group-item">
<div class="spread-border-icon-topborder image localize-tooltip" data-name="topBorder" title="@tooltips.border.topBorder@"></div>
</div>
<div class="group-item">
<div class="spread-border-icon-innerhorizontal image localize-tooltip" data-name="innerHorizontalBorder" title="@tooltips.border.innerHorizontal@"></div>
</div>
<div class="group-item">
<div class="spread-border-icon-bottomborder image localize-tooltip" data-name="bottomBorder" title="@tooltips.border.bottomBorder@"></div>
</div>
</div>
</div>
<div class="insp-groups right-border-group">
<div>
<div class="insp-row">
<div>
<div class="insp-dropdown-list insp-inline-row" data-list-ref="borderLineList" data-name="borderLine" id="borderLineType">
<div class="title insp-inline-row-item insp-col-4 localize">@cellTab.border.rangeBorderLine@</div>
<div class="dropdown insp-inline-row-item btn btn-default insp-text-right insp-col-8">
<div style="width: 100%; height: 100%">
<div id="border-line-type"></div>
<span class="caret"></span>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-color-picker insp-inline-row" data-name="borderColor">
<div class="title insp-inline-row-item insp-col-4 localize">@cellTab.border.rangeBorderColor@</div>
<div class="picker insp-inline-row-item insp-col-8">
<div style="width: 100%; height: 100%">
<div class="color-view" style="background-color: rgb(0, 0, 0);"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="insp-group-layout">
<div class="insp-group">
<div class="insp-group-title">
<span>
<span class="group-state fa"></span>
<span class="group-text localize">@cellTab.alignment.title@</span>
</span>
</div>
<div class="insp-group-content">
<div>
<div class="insp-row">
<div>
<div class="insp-radio-button-group insp-inline-row" data-name="vAlign">
<div class="group-container insp-inline-row-item btn-group btn-group-xs btn-group-justified insp-col-12">
<span class="btn btn-default btn-icon localize-tooltip" data-name="top" title="@tooltips.alignment.topAlign@">
<span class="ui-icon smallicon icon-topalign"></span>
</span>
<span class="btn btn-default btn-icon localize-tooltip" data-name="middle" title="@tooltips.alignment.middleAlign@">
<span class="ui-icon smallicon icon-middlealign"></span>
</span>
<span class="btn btn-default btn-icon localize-tooltip" data-name="bottom" title="@tooltips.alignment.bottomAlign@">
<span class="ui-icon smallicon icon-bottomalign"></span>
</span>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-radio-button-group insp-inline-row" data-name="hAlign">
<div class="group-container insp-inline-row-item btn-group btn-group-xs btn-group-justified insp-col-12">
<span class="btn btn-default btn-icon localize-tooltip" data-name="left" title="@tooltips.alignment.leftAlign@">
<span class="ui-icon smallicon icon-leftalign"></span>
</span>
<span class="btn btn-default btn-icon localize-tooltip" data-name="center" title="@tooltips.alignment.centerAlign@">
<span class="ui-icon smallicon icon-centeralign"></span>
</span>
<span class="btn btn-default btn-icon localize-tooltip" data-name="right" title="@tooltips.alignment.rightAlign@">
<span class="ui-icon smallicon icon-rightalign"></span>
</span>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-button-group insp-inline-row">
<div class="group-container insp-inline-row-item btn-group btn-group-xs btn-group-justified insp-col-12">
<span class="btn btn-default btn-icon no-toggle localize-tooltip" data-name="decreaseIndent" title="@tooltips.alignment.decreaseIndent@">
<span class="ui-icon smallicon icon-decreaseindent"></span>
</span>
<span class="btn btn-default btn-icon no-toggle localize-tooltip" data-name="increaseIndent" title="@tooltips.alignment.increaseIndent@">
<span class="ui-icon smallicon icon-increaseindent"></span>
</span>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-checkbox insp-inline-row" data-name="wrapText">
<div class="button insp-inline-row-item"></div>
<div class="text insp-inline-row-item localize">@cellTab.alignment.wrapText@</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="insp-group-layout">
<div class="insp-group">
<div class="insp-group-title">
<span>
<span class="group-state fa"></span>
<span class="group-text localize">@cellTab.format.title@</span>
</span>
</div>
<div class="insp-group-content">
<div>
<div class="insp-row">
<div>
<div class="insp-dropdown-list insp-inline-row" data-list-ref="commomFormatList" data-name="commomFormat" id="commomFormatType">
<div class="dropdown insp-inline-row-item btn btn-default insp-text-right insp-col-12">
<div style="width: 100%; height: 100%">
<span class="display"></span><span class="caret"></span>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-button-group insp-inline-row">
<div class="group-container insp-inline-row-item btn-group btn-group-xs btn-group-justified insp-col-12">
<span class="btn btn-default btn-icon no-toggle localize-tooltip" data-name="percentStyle" title="@tooltips.format.percentStyle@">
<span class="ui-icon smallicon icon-percentstyle"></span>
</span>
<span class="btn btn-default btn-icon no-toggle localize-tooltip" data-name="commaStyle" title="@tooltips.format.commaStyle@">
<span class="ui-icon smallicon icon-commastyle"></span>
</span>
<span class="btn btn-default btn-icon no-toggle localize-tooltip" data-name="increaseDecimal" title="@tooltips.format.increaseDecimal@">
<span class="ui-icon smallicon icon-increasedecimal"></span>
</span>
<span class="btn btn-default btn-icon no-toggle localize-tooltip" data-name="decreaseDecimal" title="@tooltips.format.decreaseDecimal@">
<span class="ui-icon smallicon icon-decreasedecimal"></span>
</span>
</div>
</div>
</div>
</div>
</div>
<div class="group-item-divider"></div>
<div>
<div class="insp-row">
<div>
<div class="insp-text insp-inline-row" data-name="customFormat">
<div class="title insp-inline-row-item insp-col-4 localize">@cellTab.format.custom@</div>
<input class="editor insp-inline-row-item insp-col-8" type="text">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="insp-group-layout">
<div class="insp-group">
<div class="insp-group-title">
<span>
<span class="group-state fa"></span>
<span class="group-text localize">@cellTab.merge.title@</span>
</span>
</div>
<div class="insp-group-content">
<div>
<div class="insp-row">
<div>
<div class="insp-buttons insp-inline-row">
<div class="insp-inline-row-item content">
<div class="item">
<div class="button btn btn-default localize" id="mergeCells" disabled="disabled">@cellTab.merge.mergeCells@</div>
</div>
<div class="item">
<div class="button btn btn-default localize" id="unmergeCells" disabled="disabled">@cellTab.merge.unmergeCells@</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="insp-group-layout">
<div class="insp-group">
<div class="insp-group-title">
<span id="groupCellType">
<span class="group-state fa"></span>
<span class="group-text localize">@cellTab.cellType.title@</span>
</span>
</div>
<div class="insp-group-content">
<div>
<div class="insp-row">
<div>
<div class="insp-dropdown-list insp-inline-row" data-list-ref="cellTypesList" data-name="cellTypes" id="cellTypes">
<div class="title insp-inline-row-item insp-col-4 localize">@cellTypes.title@</div>
<div class="dropdown insp-inline-row-item btn btn-default insp-text-right insp-col-8">
<div style="width: 100%; height: 100%">
<span class="display"></span>
<span class="caret"></span>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="cellTypeSettingContainer">
<div id="celltype-button">
<div class="group-item-divider"></div>
<div>
<div class="insp-row">
<div>
<div class="insp-number insp-inline-row" data-name="buttonCellTypeMarginTop">
<div class="title insp-inline-row-item insp-col-6 localize">@cellTypes.buttonCellType.values.marginTop@</div>
<input class="editor insp-inline-row-item insp-col-6" type="number" value="2">
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-number insp-inline-row" data-name="buttonCellTypeMarginRight">
<div class="title insp-inline-row-item insp-col-6 localize">@cellTypes.buttonCellType.values.marginRight@</div>
<input class="editor insp-inline-row-item insp-col-6" type="number" value="4">
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-number insp-inline-row" data-name="buttonCellTypeMarginBottom">
<div class="title insp-inline-row-item insp-col-6 localize">@cellTypes.buttonCellType.values.marginBottom@</div>
<input class="editor insp-inline-row-item insp-col-6" type="number" value="2">
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-number insp-inline-row" data-name="buttonCellTypeMarginLeft">
<div class="title insp-inline-row-item insp-col-6 localize">@cellTypes.buttonCellType.values.marginLeft@</div>
<input class="editor insp-inline-row-item insp-col-6" type="number" value="4">
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-text insp-inline-row" data-name="buttonCellTypeText">
<div class="title insp-inline-row-item insp-col-6 localize">@cellTypes.buttonCellType.values.text@</div>
<input class="editor insp-inline-row-item insp-col-6 localize-value" type="text" value="@defaultTexts.buttonText@">
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-color-picker insp-inline-row" data-name="buttonCellTypeBackColor">
<div class="title insp-inline-row-item insp-col-6 localize">@cellTypes.buttonCellType.values.backColor@</div>
<div class="picker insp-inline-row-item insp-col-6">
<div style="width: 100%; height: 100%">
<div class="color-view " style="background-color: rgb(242, 242, 242);"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="celltype-checkbox">
<div class="group-item-divider"></div>
<div>
<div class="insp-row">
<div>
<div class="insp-text insp-inline-row" data-name="checkboxCellTypeCaption">
<div class="title insp-inline-row-item insp-col-6 localize">@cellTypes.checkBoxCellType.values.caption@</div>
<input class="editor insp-inline-row-item insp-col-6 localize-value" type="text" value="@defaultTexts.checkCaption@">
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-text insp-inline-row" data-name="checkboxCellTypeTextTrue">
<div class="title insp-inline-row-item insp-col-6 localize">@cellTypes.checkBoxCellType.values.textTrue@</div>
<input class="editor insp-inline-row-item insp-col-6" type="text">
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-text insp-inline-row" data-name="checkboxCellTypeTextIndeterminate">
<div class="title insp-inline-row-item insp-col-6 localize">@cellTypes.checkBoxCellType.values.textIndeterminate@</div>
<input class="editor insp-inline-row-item insp-col-6" type="text">
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-text insp-inline-row" data-name="checkboxCellTypeTextFalse">
<div class="title insp-inline-row-item insp-col-6 localize">@cellTypes.checkBoxCellType.values.textFalse@</div>
<input class="editor insp-inline-row-item insp-col-6" type="text">
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-dropdown-list insp-inline-row" data-list-ref="checkboxCellTypeTextAlignList" data-name="checkboxCellTypeTextAlign" id="checkboxCellTypeTextAlignOption">
<div class="title insp-inline-row-item insp-col-6 localize">@cellTypes.checkBoxCellType.values.textAlign.title@</div>
<div class="dropdown insp-inline-row-item btn btn-default insp-text-right insp-col-6">
<div style="width: 100%; height: 100%">
<span class="display"></span>
<span class="caret"></span>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-checkbox insp-inline-row" data-name="checkboxCellTypeIsThreeState">
<div class="button insp-inline-row-item"></div>
<div class="text insp-inline-row-item localize">@cellTypes.checkBoxCellType.values.isThreeState@</div>
</div>
</div>
</div>
</div>
</div>
<div id="celltype-combobox">
<div class="group-item-divider"></div>
<div>
<div class="insp-row">
<div>
<div class="insp-dropdown-list insp-inline-row" data-list-ref="comboboxCellTypeEditorValueTypeList" data-name="comboboxCellTypeEditorValueType" id="comboboxCellTypeEditorValueTypeOption">
<div class="title insp-inline-row-item insp-col-6 localize">@cellTypes.comboBoxCellType.values.editorValueType.title@</div>
<div class="dropdown insp-inline-row-item btn btn-default insp-text-right insp-col-6">
<div style="width: 100%; height: 100%">
<span class="display"></span>
<span class="caret"></span>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-text insp-inline-row" data-name="comboboxCellTypeItemsText">
<div class="title insp-inline-row-item insp-col-6 localize">@cellTypes.comboBoxCellType.values.itemsText@</div>
<input class="editor insp-inline-row-item insp-col-6 localize-value" type="text" placeholder="(eg:123,456,789)" value="@defaultTexts.comboText@">
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-text insp-inline-row" data-name="comboboxCellTypeItemsValue">
<div class="title insp-inline-row-item insp-col-6 localize">@cellTypes.comboBoxCellType.values.itemsValue@</div>
<input class="editor insp-inline-row-item insp-col-6 localize-value" type="text" placeholder="(eg:abc,def,ghi)" value="@defaultTexts.comboValue@">
</div>
</div>
</div>
</div>
</div>
<div id="celltype-hyperlink">
<div class="group-item-divider"></div>
<div>
<div class="insp-row">
<div>
<div class="insp-color-picker insp-inline-row" data-name="hyperlinkCellTypeLinkColor">
<div class="title insp-inline-row-item insp-col-6 localize">@cellTypes.hyperlinkCellType.values.linkColor@</div>
<div class="picker insp-inline-row-item insp-col-6">
<div style="width: 100%; height: 100%">
<div class="color-view " style="background-color: rgb(0, 102, 204);"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-color-picker insp-inline-row" data-name="hyperlinkCellTypeVisitedLinkColor">
<div class="title insp-inline-row-item insp-col-6 localize">@cellTypes.hyperlinkCellType.values.visitedLinkColor@</div>
<div class="picker insp-inline-row-item insp-col-6">
<div style="width: 100%; height: 100%">
<div class="color-view " style="background-color: rgb(51, 153, 255);"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-text insp-inline-row" data-name="hyperlinkCellTypeText">
<div class="title insp-inline-row-item insp-col-6 localize">@cellTypes.hyperlinkCellType.values.text@</div>
<input class="editor insp-inline-row-item insp-col-6 localize-value" type="text" value="@defaultTexts.hyperlinkText@">
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-text insp-inline-row" data-name="hyperlinkCellTypeLinkToolTip">
<div class="title insp-inline-row-item insp-col-6 localize">@cellTypes.hyperlinkCellType.values.linkToolTip@</div>
<input class="editor insp-inline-row-item insp-col-6 localize-value" type="text" value="@defaultTexts.hyperlinkToolTip@">
</div>
</div>
</div>
</div>
</div>
<div id="setCellTypeContainer">
<div class="group-item-divider"></div>
<div class="insp-row insp-col-offset-8">
<div class="button btn btn-default group-set localize" id="setCellTypeBtn">@cellTypes.setButton@</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="insp-group-layout">
<div class="insp-group">
<div class="insp-group-title">
<span>
<span class="group-state fa"></span>
<span class="group-text localize">@cellTab.conditionalFormat.title@</span>
</span>
</div>
<div class="insp-group-content">
<div id="conditionalFormatSettingContainer">
<div>
<div class="insp-row">
<div>
<div class="insp-dropdown-list insp-inline-row" data-list-ref="conditionalFormatList" data-name="conditionalFormat" id="conditionalFormatType">
<div class="title insp-inline-row-item insp-col-4 localize">@conditionalFormat.ruleTypes.title@</div>
<div class="dropdown insp-inline-row-item btn btn-default insp-text-right insp-col-8">
<div style="width: 100%; height: 100%">
<span class="display"></span><span class="caret"></span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="details">
<div class="group-item-divider"></div>
<div class="settingGroup">
<div class="conditionalformat-content-style groupitem" data-group="normal">
<div>
<div class="insp-row">
<span id="ruletext" class="dialog-content-title"></span>
</div>
</div>
<div>
<div class="insp-row">
<div class="insp-dropdown-list insp-inline-row" data-list-ref="highlightCellsRulesList" data-name="ruleType" id="highlightCellsRule">
<div class="dropdown insp-inline-row-item btn btn-default insp-text-right insp-col-12">
<div style="width: 100%; height: 100%">
<span class="display"></span><span class="caret"></span>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div class="insp-dropdown-list insp-inline-row" data-list-ref="highlightCellsRulesOperatorList" data-name="comparisonOperator" id="ComparisonOperator">
<div class="dropdown insp-inline-row-item btn btn-default insp-text-right insp-col-12">
<div style="width: 100%; height: 100%">
<span class="display"></span><span class="caret"></span>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div class="insp-text insp-inline-row">
<input class="editor insp-inline-row-item insp-col-5" id="value1" type="text">
<div class="text insp-inline-row-item insp-col-2 center-align localize" id="andtext">@conditionalFormat.texts.and@</div>
<input class="editor insp-inline-row-item insp-col-5" id="value2" type="text">
</div>
<div class="text insp-inline-row-item insp-col-12" id="formattext"></div>
</div>
</div>
<div id="formatSetting">
<div class="insp-row">
<span id="withtext" class="localize">@conditionalFormat.texts.formatStyle@</span>
</div>
<div class="insp-row">
<div>
<div class="insp-color-picker insp-inline-row" data-name="formatForeColor">
<div class="title insp-inline-row-item insp-col-6">
<div class="insp-checkbox insp-inline-row" data-name="useFormatForeColor">
<div class="button insp-inline-row-item checked"></div>
<div class="text insp-inline-row-item localize">@conditionalFormat.formatSetting.formatUseForeColor@</div>
</div>
</div>
<div class="picker insp-inline-row-item insp-col-6">
<div style="width: 100%; height: 100%">
<div class="color-view" style="background-color: rgb(0, 128, 0);"></div>
</div>
</div>
</div>
</div>
</div>
<div class="insp-row">
<div>
<div class="insp-color-picker insp-inline-row" data-name="formatBackColor">
<div class="title insp-inline-row-item insp-col-6">
<div class="insp-checkbox insp-inline-row" data-name="useFormatBackColor">
<div class="button insp-inline-row-item checked"></div>
<div class="text insp-inline-row-item localize">@conditionalFormat.formatSetting.formatUseBackColor@</div>
</div>
</div>
<div class="picker insp-inline-row-item insp-col-6">
<div style="width: 100%; height: 100%">
<div class="color-view" style="background-color: rgb(255, 0, 0);"></div>
</div>
</div>
</div>
</div>
</div>
<div class="insp-row">
<div>
<div class="insp-color-picker insp-inline-row" data-name="formatBorderColor">
<div class="title insp-inline-row-item insp-col-6">
<div class="insp-checkbox insp-inline-row" data-name="useFormatBorder">
<div class="button insp-inline-row-item"></div>
<div class="text insp-inline-row-item localize">@conditionalFormat.formatSetting.formatUseBorder@</div>
</div>
</div>
<div class="picker insp-inline-row-item insp-col-6">
<div style="width: 100%; height: 100%">
<div class="color-view" style="background-color: rgb(255, 199, 206);"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="colorScale" class="dialog-content-notshow">
<div>
<div>
<div class="insp-row">
<span class="groupheader localize">@conditionalFormat.ruleTypes.colorScales.labels.minimum@</span>
</div>
</div>
<div>
<div class="insp-row">
<div class="insp-col-offset-1">
<div class="insp-dropdown-list insp-inline-row" data-list-ref="colorScaleMinTypeList" data-name="minType">
<div class="title insp-inline-row-item insp-col-4 localize">@conditionalFormat.ruleTypes.colorScales.labels.type@</div>
<div class="dropdown insp-inline-row-item btn btn-default insp-text-right insp-col-8">
<div style="width: 100%; height: 100%">
<span class="display"></span><span class="caret"></span>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div class="insp-col-offset-1">
<div class="insp-text insp-inline-row" data-name="minValue">
<div class="title insp-inline-row-item insp-col-4 localize">@conditionalFormat.ruleTypes.colorScales.labels.value@</div>
<input class="editor insp-inline-row-item insp-col-8" type="text">
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div class="insp-col-offset-1">
<div class="insp-color-picker insp-inline-row" data-name="minColor">
<div class="title insp-inline-row-item insp-col-4 localize">@conditionalFormat.ruleTypes.colorScales.labels.color@</div>
<div class="picker insp-inline-row-item insp-col-8">
<div style="width: 100%; height: 100%">
<div class="color-view" style="background-color: rgb(248, 105, 107);"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="midpoint">
<div>
<div class="insp-row">
<span class="groupheader localize">@conditionalFormat.ruleTypes.colorScales.labels.midpoint@</span>
</div>
</div>
<div>
<div class="insp-row">
<div class="insp-col-offset-1">
<div class="insp-dropdown-list insp-inline-row" data-list-ref="colorScaleMidTypeList" data-name="midType">
<div class="title insp-inline-row-item insp-col-4 localize">@conditionalFormat.ruleTypes.colorScales.labels.type@</div>
<div class="dropdown insp-inline-row-item btn btn-default insp-text-right insp-col-8">
<div style="width: 100%; height: 100%">
<span class="display"></span><span class="caret"></span>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div class="insp-col-offset-1">
<div class="insp-text insp-inline-row" data-name="midValue">
<div class="title insp-inline-row-item insp-col-4 localize">@conditionalFormat.ruleTypes.colorScales.labels.value@</div>
<input class="editor insp-inline-row-item insp-col-8" type="text" value="50">
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div class="insp-col-offset-1">
<div class="insp-color-picker insp-inline-row" data-name="midColor">
<div class="title insp-inline-row-item insp-col-4 localize">@conditionalFormat.ruleTypes.colorScales.labels.color@</div>
<div class="picker insp-inline-row-item insp-col-8">
<div style="width: 100%; height: 100%">
<div class="color-view" style="background-color: rgb(255, 235, 132);"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<div>
<div class="insp-row">
<span class="groupheader localize">@conditionalFormat.ruleTypes.colorScales.labels.maximum@</span>
</div>
</div>
<div>
<div class="insp-row">
<div class="insp-col-offset-1">
<div class="insp-dropdown-list insp-inline-row" data-list-ref="colorScaleMaxTypeList" data-name="maxType">
<div class="title insp-inline-row-item insp-col-4 localize">@conditionalFormat.ruleTypes.colorScales.labels.type@</div>
<div class="dropdown insp-inline-row-item btn btn-default insp-text-right insp-col-8">
<div style="width: 100%; height: 100%">
<span class="display"></span><span class="caret"></span>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div class="insp-col-offset-1">
<div class="insp-text insp-inline-row" data-name="maxValue">
<div class="title insp-inline-row-item insp-col-4 localize">@conditionalFormat.ruleTypes.colorScales.labels.value@</div>
<input class="editor insp-inline-row-item insp-col-8" type="text">
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div class="insp-col-offset-1">
<div class="insp-color-picker insp-inline-row" data-name="maxColor">
<div class="title insp-inline-row-item insp-col-4 localize">@conditionalFormat.ruleTypes.colorScales.labels.color@</div>
<div class="picker insp-inline-row-item insp-col-8">
<div style="width: 100%; height: 100%">
<div class="color-view" style="background-color: rgb(99, 190, 123);"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="databar-content-style groupitem" data-group="databar">
<div>
<div>
<div class="insp-row">
<span class="groupheader localize">@conditionalFormat.ruleTypes.dataBars.labels.minimum@</span>
</div>
</div>
<div>
<div class="insp-row">
<div class="insp-col-offset-1">
<div class="insp-dropdown-list insp-inline-row" data-list-ref="dataBarMinimumTypeList" data-name="minimumType">
<div class="title insp-inline-row-item insp-col-6 localize">@conditionalFormat.ruleTypes.dataBars.labels.type@</div>
<div class="dropdown insp-inline-row-item btn btn-default insp-text-right insp-col-6">
<div style="width: 100%; height: 100%">
<span class="display"></span><span class="caret"></span>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div class="insp-col-offset-1">
<div class="insp-number insp-inline-row" data-name="minimumValue">
<div class="title insp-inline-row-item insp-col-6 localize">@conditionalFormat.ruleTypes.dataBars.labels.value@</div>
<input class="editor insp-inline-row-item insp-col-6" type="number">
</div>
</div>
</div>
</div>
</div>
<div>
<div>
<div class="insp-row">
<span class="groupheader localize">@conditionalFormat.ruleTypes.dataBars.labels.maximum@</span>
</div>
</div>
<div>
<div class="insp-row">
<div class="insp-col-offset-1">
<div class="insp-dropdown-list insp-inline-row" data-list-ref="dataBarMaximumTypeList" data-name="maximumType">
<div class="title insp-inline-row-item insp-col-6 localize">@conditionalFormat.ruleTypes.dataBars.labels.type@</div>
<div class="dropdown insp-inline-row-item btn btn-default insp-text-right insp-col-6">
<div style="width: 100%; height: 100%">
<span class="display"></span><span class="caret"></span>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div class="insp-col-offset-1">
<div class="insp-number insp-inline-row" data-name="maximumValue">
<div class="title insp-inline-row-item insp-col-6 localize">@conditionalFormat.ruleTypes.dataBars.labels.value@</div>
<input class="editor insp-inline-row-item insp-col-6" type="number">
</div>
</div>
</div>
</div>
</div>
<div>
<div>
<div class="insp-row">
<span class="groupheader localize">@conditionalFormat.ruleTypes.dataBars.labels.appearance@</span>
</div>
</div>
<div>
<div class="insp-row">
<div class="insp-col-offset-1">
<div class="insp-checkbox insp-inline-row" data-name="showBarOnly">
<div class="button insp-inline-row-item"></div>
<div class="text insp-inline-row-item localize">@conditionalFormat.ruleTypes.dataBars.labels.showBarOnly@</div>
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div class="insp-col-offset-1">
<div class="insp-color-picker insp-inline-row" data-name="gradientColor">
<div class="title insp-inline-row-item insp-col-6">
<div class="insp-checkbox insp-inline-row" data-name="gradient">
<div class="button insp-inline-row-item"></div>
<div class="text insp-inline-row-item localize">@conditionalFormat.ruleTypes.dataBars.labels.useGradient@</div>
</div>
</div>
<div class="picker insp-inline-row-item insp-col-6">
<div style="width: 100%; height: 100%">
<div class="color-view" style="background-color: rgb(99, 190, 123);"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div class="insp-col-offset-1">
<div class="insp-color-picker insp-inline-row" data-name="barBorderColor">
<div class="title insp-inline-row-item insp-col-6">
<div class="insp-checkbox insp-inline-row" data-name="showBorder">
<div class="button insp-inline-row-item"></div>
<div class="text insp-inline-row-item localize">@conditionalFormat.ruleTypes.dataBars.labels.showBorder@</div>
</div>
</div>
<div class="picker insp-inline-row-item insp-col-6">
<div style="width: 100%; height: 100%">
<div class="color-view" style="background-color: rgb(0, 0, 0);"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div class="insp-col-offset-1">
<div class="insp-dropdown-list insp-inline-row" data-list-ref="dataBarDirectionList" data-name="dataBarDirection">
<div class="title insp-inline-row-item insp-col-6 localize">@conditionalFormat.ruleTypes.dataBars.labels.barDirection@</div>
<div class="dropdown insp-inline-row-item btn btn-default insp-text-right insp-col-6">
<div style="width: 100%; height: 100%">
<span class="display"></span><span class="caret"></span>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div class="insp-col-offset-1">
<div class="insp-color-picker insp-inline-row" data-name="negativeFillColor">
<div class="title insp-inline-row-item insp-col-6">
<div class="insp-checkbox insp-inline-row" data-name="useNegativeFillColor">
<div class="button insp-inline-row-item"></div>
<div class="text insp-inline-row-item localize">@conditionalFormat.ruleTypes.dataBars.labels.negativeFillColor@</div>
</div>
</div>
<div class="picker insp-inline-row-item insp-col-6">
<div style="width: 100%; height: 100%">
<div class="color-view" style="background-color: rgb(255, 0, 0);"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div class="insp-col-offset-1">
<div class="insp-color-picker insp-inline-row" data-name="negativeBorderColor">
<div class="title insp-inline-row-item insp-col-6">
<div class="insp-checkbox insp-inline-row" data-name="useNegativeBorderColor">
<div class="button insp-inline-row-item"></div>
<div class="text insp-inline-row-item localize">@conditionalFormat.ruleTypes.dataBars.labels.negativeBorderColor@</div>
</div>
</div>
<div class="picker insp-inline-row-item insp-col-6">
<div style="width: 100%; height: 100%">
<div class="color-view" style="background-color: rgb(0, 0, 0);"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<div>
<div class="insp-row">
<span class="groupheader localize">@conditionalFormat.ruleTypes.dataBars.labels.axis@</span>
</div>
</div>
<div>
<div class="insp-row">
<div class="insp-col-offset-1">
<div class="insp-dropdown-list insp-inline-row" data-list-ref="dataBarAxisPositionList" data-name="axisPosition">
<div class="title insp-inline-row-item insp-col-6 localize">@conditionalFormat.ruleTypes.dataBars.labels.axisPosition@</div>
<div class="dropdown insp-inline-row-item btn btn-default insp-text-right insp-col-6">
<div style="width: 100%; height: 100%">
<span class="display"></span><span class="caret"></span>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div class="insp-col-offset-1">
<div class="insp-color-picker insp-inline-row" data-name="barAxisColor">
<div class="title insp-inline-row-item insp-col-6 localize">@conditionalFormat.ruleTypes.dataBars.labels.axisColor@</div>
<div class="picker insp-inline-row-item insp-col-6">
<div style="width: 100%; height: 100%">
<div class="color-view" style="background-color: rgb(0, 0, 0);"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="iconset-content-style groupitem" data-group="iconset">
<div>
<div class="insp-row">
<div class="insp-dropdown-list insp-inline-row" data-list-ref="iconSetTypeList" data-name="iconSetType">
<div class="title insp-inline-row-item insp-col-4 localize">@conditionalFormat.ruleTypes.iconSets.labels.style@</div>
<div class="dropdown insp-inline-row-item btn btn-default insp-text-right insp-col-8">
<div style="width: 100%; height: 100%">
<span class="display"></span><span class="caret"></span>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div class="insp-checkbox insp-inline-row" data-name="showIconOnly">
<div class="button insp-inline-row-item"></div>
<div class="text insp-inline-row-item localize">@conditionalFormat.ruleTypes.iconSets.labels.showIconOnly@</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div class="insp-checkbox insp-inline-row" data-name="reverseIconOrder">
<div class="button insp-inline-row-item"></div>
<div class="text insp-inline-row-item localize">@conditionalFormat.ruleTypes.iconSets.labels.reverseIconOrder@</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<span class="localize">@conditionalFormat.texts.showIconWithRules@</span>
</div>
</div>
<div id="iconCriteriaSetting">
<div class="settinggroup">
<div class="insp-row">
<div class="insp-inline-row-item insp-col-3">
<div class="insp-dropdown-list insp-inline-row" data-list-ref="iconSetCriteriaOperatorList" data-name="iconSetCriteriaOperator1">
<div class="dropdown insp-inline-row-item btn btn-default insp-text-right insp-col-12">
<div style="width: 100%; height: 100%">
<span class="display">>=</span><span class="caret"></span>
</div>
</div>
</div>
</div>
<div class="insp-inline-row-item insp-col-4">
<input class="editor insp-inline-row-item insp-col-12" type="number">
</div>
<div class="insp-inline-row-item insp-col-4">
<div class="insp-dropdown-list insp-inline-row" data-list-ref="iconSetCriteriaTypeList" data-name="iconSetCriteriaType1">
<div class="dropdown insp-inline-row-item btn btn-default insp-text-right insp-col-12">
<div style="width: 100%; height: 100%">
<span class="display"></span><span class="caret"></span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="settinggroup">
<div class="insp-row">
<div class="insp-inline-row-item insp-col-3">
<div class="insp-dropdown-list insp-inline-row" data-list-ref="iconSetCriteriaOperatorList" data-name="iconSetCriteriaOperator2">
<div class="dropdown insp-inline-row-item btn btn-default insp-text-right insp-col-12">
<div style="width: 100%; height: 100%">
<span class="display">>=</span><span class="caret"></span>
</div>
</div>
</div>
</div>
<div class="insp-inline-row-item insp-col-4">
<input class="editor insp-inline-row-item insp-col-12" type="number">
</div>
<div class="insp-inline-row-item insp-col-4">
<div class="insp-dropdown-list insp-inline-row" data-list-ref="iconSetCriteriaTypeList" data-name="iconSetCriteriaType2">
<div class="dropdown insp-inline-row-item btn btn-default insp-text-right insp-col-12">
<div style="width: 100%; height: 100%">
<span class="display"></span><span class="caret"></span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="settinggroup">
<div class="insp-row">
<div class="insp-inline-row-item insp-col-3">
<div class="insp-dropdown-list insp-inline-row" data-list-ref="iconSetCriteriaOperatorList" data-name="iconSetCriteriaOperator3">
<div class="dropdown insp-inline-row-item btn btn-default insp-text-right insp-col-12">
<div style="width: 100%; height: 100%">
<span class="display">>=</span><span class="caret"></span>
</div>
</div>
</div>
</div>
<div class="insp-inline-row-item insp-col-4">
<input class="editor insp-inline-row-item insp-col-12" type="number">
</div>
<div class="insp-inline-row-item insp-col-4">
<div class="insp-dropdown-list insp-inline-row" data-list-ref="iconSetCriteriaTypeList" data-name="iconSetCriteriaType3">
<div class="dropdown insp-inline-row-item btn btn-default insp-text-right insp-col-12">
<div style="width: 100%; height: 100%">
<span class="display"></span><span class="caret"></span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="settinggroup">
<div class="insp-row">
<div class="insp-inline-row-item insp-col-3">
<div class="insp-dropdown-list insp-inline-row" data-list-ref="iconSetCriteriaOperatorList" data-name="iconSetCriteriaOperator4">
<div class="dropdown insp-inline-row-item btn btn-default insp-text-right insp-col-12">
<div style="width: 100%; height: 100%">
<span class="display">>=</span><span class="caret"></span>
</div>
</div>
</div>
</div>
<div class="insp-inline-row-item insp-col-4">
<input class="editor insp-inline-row-item insp-col-12" type="number">
</div>
<div class="insp-inline-row-item insp-col-4">
<div class="insp-dropdown-list insp-inline-row" data-list-ref="iconSetCriteriaTypeList" data-name="iconSetCriteriaType4">
<div class="dropdown insp-inline-row-item btn btn-default insp-text-right insp-col-12">
<div style="width: 100%; height: 100%">
<span class="display"></span><span class="caret"></span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="group-item-divider"></div>
<div class="insp-row insp-col-offset-8">
<div class="button btn btn-default group-set localize" id="setConditionalFormat">@conditionalFormat.setButton@</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="insp-group-layout">
<div class="insp-group">
<div class="insp-group-title">
<span>
<span class="group-state fa"></span>
<span class="group-text localize">@cellTab.protection.title@</span>
</span>
</div>
<div class="insp-group-content">
<div>
<div class="insp-row">
<div>
<div class="insp-checkbox insp-inline-row" id="lockCells" data-name="checkboxLockCell">
<div class="button insp-inline-row-item checked"></div>
<div class="text insp-inline-row-item localize">@cellTab.protection.lock@</div>
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div class="text insp-inline-row-item localize" id="protectSheetText">@cellTab.protection.sheetIsUnprotected@</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane" id="tableTab">
<div class="insp-pane">
<div class="insp-group-layout">
<div class="insp-group expanded">
<div class="insp-group-title">
<span>
<span class="group-state fa"></span>
<span class="group-text localize">@tableTab.tableStyle.title@</span>
</span>
</div>
<div class="insp-group-content" style="padding-right: 8px;">
<div>
<div class="insp-row">
<div>
<div class="table-format-2013" id="tableStyles">
<div>
<div>
<div class="table-format-item localize-tooltip" title="@tableTab.tableStyle.light.light1@">
<div data-name="light1">
<div class="table-format-icon table-format-light1"></div>
</div>
</div>
</div>
</div>
<div>
<div>
<div class="table-format-item localize-tooltip" title="@tableTab.tableStyle.light.light2@">
<div data-name="light2">
<div class="table-format-icon table-format-light2"></div>
</div>
</div>
</div>
</div>
<div>
<div>
<div class="table-format-item localize-tooltip" title="@tableTab.tableStyle.light.light3@">
<div data-name="light3">
<div class="table-format-icon table-format-light3"></div>
</div>
</div>
</div>
</div>
<div>
<div>
<div class="table-format-item localize-tooltip" title="@tableTab.tableStyle.light.light7@">
<div data-name="light7">
<div class="table-format-icon table-format-light7"></div>
</div>
</div>
</div>
</div>
<div>
<div>
<div class="table-format-item localize-tooltip" title="@tableTab.tableStyle.medium.medium1@">
<div data-name="medium1">
<div class="table-format-icon table-format-medium1"></div>
</div>
</div>
</div>
</div>
<div>
<div>
<div class="table-format-item localize-tooltip" title="@tableTab.tableStyle.medium.medium2@">
<div data-name="medium2">
<div class="table-format-icon table-format-medium2"></div>
</div>
</div>
</div>
</div>
<div>
<div>
<div class="table-format-item localize-tooltip" title="@tableTab.tableStyle.medium.medium3@">
<div data-name="medium3">
<div class="table-format-icon table-format-medium3"></div>
</div>
</div>
</div>
</div>
<div>
<div>
<div class="table-format-item localize-tooltip" title="@tableTab.tableStyle.medium.medium7@">
<div data-name="medium7">
<div class="table-format-icon table-format-medium7"></div>
</div>
</div>
</div>
</div>
<div>
<div>
<div class="table-format-item localize-tooltip" title="@tableTab.tableStyle.dark.dark1@">
<div data-name="dark1">
<div class="table-format-icon table-format-dark1"></div>
</div>
</div>
</div>
</div>
<div>
<div>
<div class="table-format-item localize-tooltip" title="@tableTab.tableStyle.dark.dark2@">
<div data-name="dark2">
<div class="table-format-icon table-format-dark2"></div>
</div>
</div>
</div>
</div>
<div>
<div>
<div class="table-format-item localize-tooltip" title="@tableTab.tableStyle.dark.dark3@">
<div data-name="dark3">
<div class="table-format-icon table-format-dark3"></div>
</div>
</div>
</div>
</div>
<div>
<div>
<div class="table-format-item localize-tooltip" title="@tableTab.tableStyle.dark.dark7@">
<div data-name="dark7">
<div class="table-format-icon table-format-dark7"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="insp-group-layout">
<div class="insp-group">
<div class="insp-group-title">
<span>
<span class="group-state fa"></span>
<span class="group-text localize">@tableTab.general.title@</span>
</span>
</div>
<div class="insp-group-content">
<div>
<div class="insp-row">
<div>
<div class="insp-text insp-inline-row" data-name="tableName">
<div class="title insp-inline-row-item insp-col-4 localize">@tableTab.general.tableName@</div>
<input class="editor insp-inline-row-item insp-col-8" type="text">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="insp-group-layout">
<div class="insp-group expanded">
<div class="insp-group-title">
<span>
<span class="group-state fa"></span>
<span class="group-text localize">@tableTab.options.title@</span>
</span>
</div>
<div class="insp-group-content">
<div>
<div class="insp-row">
<div>
<div class="insp-checkbox insp-inline-row" data-name="tableFilterButton">
<div class="button insp-inline-row-item checked"></div>
<div class="text insp-inline-row-item localize">@tableTab.options.filterButton@</div>
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-checkbox insp-inline-row insp-col-6" data-name="tableHeaderRow">
<div class="button insp-inline-row-item checked"></div>
<div class="text insp-inline-row-item localize">@tableTab.options.headerRow@</div>
</div>
<div class="insp-checkbox insp-inline-row" data-name="tableTotalRow">
<div class="button insp-inline-row-item"></div>
<div class="text insp-inline-row-item localize">@tableTab.options.totalRow@</div>
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-checkbox insp-inline-row insp-col-6" data-name="tableBandedRows">
<div class="button insp-inline-row-item checked"></div>
<div class="text insp-inline-row-item localize">@tableTab.options.bandedRows@</div>
</div>
<div class="insp-checkbox insp-inline-row" data-name="tableBandedColumns">
<div class="button insp-inline-row-item"></div>
<div class="text insp-inline-row-item localize">@tableTab.options.bandedColumns@</div>
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-checkbox insp-inline-row insp-col-6" data-name="tableFirstColumn">
<div class="button insp-inline-row-item"></div>
<div class="text insp-inline-row-item localize">@tableTab.options.firstColumn@</div>
</div>
<div class="insp-checkbox insp-inline-row" data-name="tableLastColumn">
<div class="button insp-inline-row-item"></div>
<div class="text insp-inline-row-item localize">@tableTab.options.lastColumn@</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane" id="dataTab">
<div class="insp-pane">
<div class="insp-group-layout">
<div class="insp-group expanded">
<div class="insp-group-title">
<span>
<span class="group-state fa"></span>
<span class="group-text localize">@dataTab.sort.title@</span>
</span>
</div>
<div class="insp-group-content">
<div>
<div class="insp-row">
<div>
<div class="insp-buttons insp-inline-row">
<div class="insp-inline-row-item content">
<div class="item">
<div class="button btn btn-default localize" id="sortAZ">@dataTab.sort.asc@</div>
</div>
<div class="item">
<div class="button btn btn-default localize" id="sortZA">@dataTab.sort.desc@</div>
</div>
<div class="item">
<div class="button btn btn-default localize" id="filter">@dataTab.sort.filter@</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="insp-group-layout">
<div class="insp-group">
<div class="insp-group-title">
<span>
<span class="group-state fa"></span>
<span class="group-text localize">@dataTab.group.title@</span>
</span>
</div>
<div class="insp-group-content">
<div>
<div class="insp-row">
<div>
<div class="insp-buttons insp-inline-row">
<div class="insp-inline-row-item content">
<div class="item">
<div class="button btn btn-default localize" id="group">@dataTab.group.group@</div>
</div>
<div class="item">
<div class="button btn btn-default localize" id="ungroup">@dataTab.group.ungroup@</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-buttons insp-inline-row">
<div class="insp-inline-row-item content">
<div class="item">
<div class="button btn btn-default localize" id="showDetail">@dataTab.group.showDetail@</div>
</div>
<div class="item">
<div class="button btn btn-default localize" id="hideDetail">@dataTab.group.hideDetail@</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-checkbox insp-inline-row" data-name="showRowRangeGroup">
<div class="button insp-inline-row-item checked"></div>
<div class="text insp-inline-row-item localize">@dataTab.group.showRowRangeGroup@</div>
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-checkbox insp-inline-row" data-name="showColumnRangeGroup">
<div class="button insp-inline-row-item checked"></div>
<div class="text insp-inline-row-item localize">@dataTab.group.showColumnRangeGroup@</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="insp-group-layout">
<div class="insp-group">
<div class="insp-group-title">
<span>
<span class="group-state fa"></span>
<span class="group-text localize">@dataTab.dataValidation.title@</span>
</span>
</div>
<div class="insp-group-content">
<div>
<div class="insp-row">
<div>
<div class="insp-checkbox insp-inline-row" data-name="highlightInvalidData" id="highlightInvalidData">
<div class="button insp-inline-row-item"></div>
<div class="text insp-inline-row-item localize">@dataTab.dataValidation.circleInvalidData@</div>
</div>
</div>
</div>
</div>
<div class="group-item-divider"></div>
<div>
<div>
<div>
<div class="insp-row">
<span class="groupheader localize">@dataTab.dataValidation.setting.title@</span>
</div>
</div>
<div>
<div>
<div class="insp-row">
<div>
<div class="insp-dropdown-list insp-inline-row" data-list-ref="validatorTypeList" data-name="validatorType" id="validatorType">
<div class="title insp-inline-row-item insp-col-4 localize">@dataTab.dataValidation.setting.values.validatorType.title@</div>
<div class="dropdown insp-inline-row-item btn btn-default insp-text-right insp-col-8">
<div style="width: 100%; height: 100%">
<span class="display"></span>
<span class="caret"></span>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-checkbox insp-inline-row" data-name="ignoreBlank">
<div class="button insp-inline-row-item checked"></div>
<div class="text insp-inline-row-item localize">@dataTab.dataValidation.setting.values.ignoreBlank@</div>
</div>
</div>
</div>
</div>
<div class="group-item-divider"></div>
<div id="validatorNumberType">
<div>
<div class="insp-row">
<div>
<div class="insp-dropdown-list insp-inline-row" data-list-ref="validatorComparisonOperatorList" data-name="numberValidatorComparisonOperator" id="numberValidatorComparisonOperatorType">
<div class="title insp-inline-row-item insp-col-4 localize">@dataTab.dataValidation.setting.values.validatorComparisonOperator.title@</div>
<div class="dropdown insp-inline-row-item btn btn-default insp-text-right insp-col-8">
<div style="width: 100%; height: 100%">
<span class="display"></span>
<span class="caret"></span>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="numberBetweenOperator">
<div>
<div class="insp-row">
<div>
<div class="insp-text insp-inline-row" data-name="numberMinimum">
<div class="title insp-inline-row-item insp-col-4 localize">@dataTab.dataValidation.setting.values.number.minimum@</div>
<input class="editor insp-inline-row-item insp-col-8" type="text">
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-text insp-inline-row" data-name="numberMaximum">
<div class="title insp-inline-row-item insp-col-4 localize">@dataTab.dataValidation.setting.values.number.maximum@</div>
<input class="editor insp-inline-row-item insp-col-8" type="text">
</div>
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-text insp-inline-row" data-name="numberValue" id="numberValue">
<div class="title insp-inline-row-item insp-col-4 localize">@dataTab.dataValidation.setting.values.number.value@</div>
<input class="editor insp-inline-row-item insp-col-8" type="text">
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-checkbox insp-inline-row" data-name="isInteger">
<div class="button insp-inline-row-item"></div>
<div class="text insp-inline-row-item localize">@dataTab.dataValidation.setting.values.number.isInteger@</div>
</div>
</div>
</div>
</div>
</div>
<div id="validatorListType">
<div class="insp-row">
<div>
<div class="insp-text insp-inline-row" data-name="listSource">
<div class="title insp-inline-row-item insp-col-4 localize">@dataTab.dataValidation.setting.values.source@</div>
<input class="editor insp-inline-row-item insp-col-8" type="text">
</div>
</div>
</div>
</div>
<div id="validatorFormulaListType">
<div class="insp-row">
<div>
<div class="insp-text insp-inline-row" data-name="formulaListFormula">
<div class="title insp-inline-row-item insp-col-4 localize">@dataTab.dataValidation.setting.values.formula@</div>
<input class="editor insp-inline-row-item insp-col-8" type="text">
</div>
</div>
</div>
</div>
<div id="validatorDateType">
<div>
<div class="insp-row">
<div>
<div class="insp-dropdown-list insp-inline-row" data-list-ref="validatorComparisonOperatorList" data-name="dateValidatorComparisonOperator" id="dateValidatorComparisonOperatorType">
<div class="title insp-inline-row-item insp-col-4 localize">@dataTab.dataValidation.setting.values.validatorComparisonOperator.title@</div>
<div class="dropdown insp-inline-row-item btn btn-default insp-text-right insp-col-8">
<div style="width: 100%; height: 100%">
<span class="display"></span>
<span class="caret"></span>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="dateBetweenOperator">
<div>
<div class="insp-row">
<div>
<div class="insp-text insp-inline-row" data-name="startDate">
<div class="title insp-inline-row-item insp-col-4 localize">@dataTab.dataValidation.setting.values.date.startDate@</div>
<input class="editor insp-inline-row-item insp-col-8" type="text">
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-text insp-inline-row" data-name="endDate">
<div class="title insp-inline-row-item insp-col-4 localize">@dataTab.dataValidation.setting.values.date.endDate@</div>
<input class="editor insp-inline-row-item insp-col-8" type="text">
</div>
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-text insp-inline-row" data-name="dateValue" id="dateValue">
<div class="title insp-inline-row-item insp-col-4 localize">@dataTab.dataValidation.setting.values.date.value@</div>
<input class="editor insp-inline-row-item insp-col-8" type="text">
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-checkbox insp-inline-row" data-name="isTime">
<div class="button insp-inline-row-item"></div>
<div class="text insp-inline-row-item localize">@dataTab.dataValidation.setting.values.date.isTime@</div>
</div>
</div>
</div>
</div>
</div>
<div id="validatorTextLengthType">
<div>
<div class="insp-row">
<div>
<div class="insp-dropdown-list insp-inline-row" data-list-ref="validatorComparisonOperatorList" data-name="textLengthValidatorComparisonOperator" id="textLengthValidatorComparisonOperatorType">
<div class="title insp-inline-row-item insp-col-4 localize">@dataTab.dataValidation.setting.values.validatorComparisonOperator.title@</div>
<div class="dropdown insp-inline-row-item btn btn-default insp-text-right insp-col-8">
<div style="width: 100%; height: 100%">
<span class="display"></span>
<span class="caret"></span>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="textLengthBetweenOperator">
<div>
<div class="insp-row">
<div>
<div class="insp-number insp-inline-row" data-name="textLengthMinimum">
<div class="title insp-inline-row-item insp-col-4 localize">@dataTab.dataValidation.setting.values.number.minimum@</div>
<input class="editor insp-inline-row-item insp-col-8" type="number">
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-number insp-inline-row" data-name="textLengthMaximum">
<div class="title insp-inline-row-item insp-col-4 localize">@dataTab.dataValidation.setting.values.number.maximum@</div>
<input class="editor insp-inline-row-item insp-col-8" type="number">
</div>
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-number insp-inline-row" data-name="textLengthValue" id="textLengthValue">
<div class="title insp-inline-row-item insp-col-4 localize">@dataTab.dataValidation.setting.values.number.value@</div>
<input class="editor insp-inline-row-item insp-col-8" type="number">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<div>
<div class="insp-row">
<span class="groupheader localize">@dataTab.dataValidation.inputMessage.title@</span>
</div>
</div>
<div>
<div>
<div class="insp-row">
<div>
<div class="insp-checkbox insp-inline-row" data-name="showInputMessage">
<div class="button insp-inline-row-item checked"></div>
<div class="text insp-inline-row-item localize">@dataTab.dataValidation.inputMessage.values.showInputMessage@</div>
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="localize">@dataTab.dataValidation.inputMessage.values.title@</div>
<input id="dataValidationInputTitle" class="editor insp-inline-row-item insp-col-12" type="text">
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="localize">@dataTab.dataValidation.inputMessage.values.message@</div>
<textarea rows="5" id="dataValidationInputMessage" class="insp-col-12"></textarea>
</div>
</div>
</div>
</div>
</div>
<div>
<div>
<div class="insp-row">
<span class="groupheader localize">@dataTab.dataValidation.errorAlert.title@</span>
</div>
</div>
<div>
<div>
<div class="insp-row">
<div>
<div class="insp-dropdown-list insp-inline-row" data-list-ref="errorAlertList" data-name="errorAlert" id="errorAlertType">
<div class="title insp-inline-row-item insp-col-6 localize">@dataTab.dataValidation.errorAlert.values.alertType.title@</div>
<div class="dropdown insp-inline-row-item btn btn-default insp-text-right insp-col-6">
<div style="width: 100%; height: 100%">
<span class="display"></span>
<span class="caret"></span>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-checkbox insp-inline-row" data-name="showErrorAlert">
<div class="button insp-inline-row-item checked"></div>
<div class="text insp-inline-row-item localize">@dataTab.dataValidation.errorAlert.values.showErrorAlert@</div>
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="localize">@dataTab.dataValidation.errorAlert.values.title@</div>
<input id="dataValidationErrorAlertTitle" class="editor insp-inline-row-item insp-col-12" type="text">
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="localize">@dataTab.dataValidation.errorAlert.values.message@</div>
<textarea rows="5" id="dataValidationErrorAlertMessage" class="insp-col-12"></textarea>
</div>
</div>
</div>
</div>
</div>
<div class="group-item-divider"></div>
<div class="insp-row">
<div>
<div class="insp-buttons insp-inline-row">
<div class="insp-inline-row-item content">
<div class="item">
<div class="button btn btn-default localize" id="clearDataValidatorSettings">@dataTab.dataValidation.clearAllButton@</div>
</div>
<div class="item"></div>
<div class="item">
<div class="button btn btn-default localize" id="setDataValidator">@dataTab.dataValidation.setButton@</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane" id="commentTab">
<div class="insp-pane">
<div class="insp-group-layout">
<div class="insp-group">
<div class="insp-group-title">
<span>
<span class="group-state fa"></span>
<span class="group-text localize">@commentTab.general.title@</span>
</span>
</div>
<div class="insp-group-content">
<div>
<div class="insp-row">
<div>
<div class="insp-checkbox insp-inline-row" data-name="commentDynamicSize">
<div class="button insp-inline-row-item checked"></div>
<div class="text insp-inline-row-item localize">@commentTab.general.dynamicSize@</div>
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-checkbox insp-inline-row" data-name="commentDynamicMove">
<div class="button insp-inline-row-item checked"></div>
<div class="text insp-inline-row-item localize">@commentTab.general.dynamicMove@</div>
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-checkbox insp-inline-row" data-name="commentLockText">
<div class="button insp-inline-row-item checked"></div>
<div class="text insp-inline-row-item localize">@commentTab.general.lockText@</div>
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-checkbox insp-inline-row" data-name="commentShowShadow">
<div class="button insp-inline-row-item checked"></div>
<div class="text insp-inline-row-item localize">@commentTab.general.showShadow@</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="insp-group-layout">
<div class="insp-group">
<div class="insp-group-title">
<span>
<span class="group-state fa"></span>
<span class="group-text localize">@commentTab.font.title@</span>
</span>
</div>
<div class="insp-group-content">
<div>
<div class="insp-row">
<div>
<div class="insp-dropdown-list insp-inline-row" data-list-ref="fontFamilyList" data-name="commentFontFamily">
<div class="title insp-inline-row-item insp-col-4 localize">@commentTab.font.fontFamily@</div>
<div class="dropdown insp-inline-row-item btn btn-default insp-text-right insp-col-8">
<div style="width: 100%; height: 100%">
<span class="display">Arial</span><span class="caret"></span>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-dropdown-list insp-inline-row" data-list-ref="fontSizeList" data-name="commentFontSize">
<div class="title insp-inline-row-item insp-col-4 localize">@commentTab.font.fontSize@</div>
<div class="dropdown insp-inline-row-item btn btn-default insp-text-right insp-col-8">
<div style="width: 100%; height: 100%">
<span class="display">9</span><span class="caret"></span>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-dropdown-list insp-inline-row" data-list-ref="fontStyleList" data-name="commentFontStyle">
<div class="title insp-inline-row-item insp-col-4 localize">@commentTab.font.fontStyle.title@</div>
<div class="dropdown insp-inline-row-item btn btn-default insp-text-right insp-col-8">
<div style="width: 100%; height: 100%">
<span class="display"></span><span class="caret"></span>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-dropdown-list insp-inline-row" data-list-ref="fontWeightList" data-name="commentFontWeight">
<div class="title insp-inline-row-item insp-col-4 localize">@commentTab.font.fontWeight.title@</div>
<div class="dropdown insp-inline-row-item btn btn-default insp-text-right insp-col-8">
<div style="width: 100%; height: 100%">
<span class="display"></span><span class="caret"></span>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-inline-row" data-name="commentTextDecoration">
<div class="title insp-inline-row-item insp-col-4 localize">@commentTab.font.textDecoration.title@</div>
<div class="insp-button-group insp-inline-row-item insp-col-8">
<div class="group-container insp-inline-row-item btn-group btn-group-xs btn-group-justified insp-col-12">
<span class="btn btn-default font-underline localize-tooltip" data-name="comment-underline" data-value="1" title="Underline text.">U</span>
<span class="btn btn-default font-overline localize-tooltip" data-name="comment-overline" data-value="4" title="Overline text.">O</span>
<span class="btn btn-default font-strikethrough localize-tooltip" data-name="comment-strikethrough" data-value="2" title="Strikethrough text.">S</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="insp-group-layout">
<div class="insp-group">
<div class="insp-group-title">
<span>
<span class="group-state fa"></span>
<span class="group-text localize">@commentTab.border.title@</span>
</span>
</div>
<div class="insp-group-content">
<div>
<div class="insp-row">
<div>
<div class="insp-number insp-inline-row" data-name="commentBorderWidth">
<div class="title insp-inline-row-item insp-col-4 localize">@commentTab.border.width@</div>
<input class="editor insp-inline-row-item insp-col-8" type="number">
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-dropdown-list insp-inline-row" data-list-ref="borderStyleList" data-name="commentBorderStyle">
<div class="title insp-inline-row-item insp-col-4 localize">@commentTab.border.style.title@</div>
<div class="dropdown insp-inline-row-item btn btn-default insp-text-right insp-col-8">
<div style="width: 100%; height: 100%">
<span class="display"></span><span class="caret"></span>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-color-picker insp-inline-row" data-name="commentBorderColor">
<div class="title insp-inline-row-item insp-col-4 localize">@commentTab.border.color@</div>
<div class="picker insp-inline-row-item insp-col-8">
<div style="width: 100%; height: 100%">
<div class="color-view " style="background-color: rgb(0, 0, 0);"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="insp-group-layout">
<div class="insp-group expanded">
<div class="insp-group-title">
<span>
<span class="group-state fa"></span>
<span class="group-text localize">@commentTab.appearance.title@</span>
</span>
</div>
<div class="insp-group-content">
<div>
<div class="insp-row">
<div>
<div class="insp-dropdown-list insp-inline-row" data-list-ref="horizontalAlignList" data-name="commentHorizontalAlign">
<div class="title insp-inline-row-item insp-col-4 localize">@commentTab.appearance.horizontalAlign.title@</div>
<div class="dropdown insp-inline-row-item btn btn-default insp-text-right insp-col-8">
<div style="width: 100%; height: 100%">
<span class="display">left</span><span class="caret"></span>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-dropdown-list insp-inline-row" data-list-ref="displayModeList" data-name="commentDisplayMode">
<div class="title insp-inline-row-item insp-col-4 localize">@commentTab.appearance.displayMode.title@</div>
<div class="dropdown insp-inline-row-item btn btn-default insp-text-right insp-col-8">
<div style="width: 100%; height: 100%">
<span class="display"></span><span class="caret"></span>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-color-picker insp-inline-row" data-name="commentForeColor">
<div class="title insp-inline-row-item insp-col-4 localize">@commentTab.appearance.foreColor@</div>
<div class="picker insp-inline-row-item insp-col-8">
<div style="width: 100%; height: 100%">
<div class="color-view " style="background-color: rgb(0, 0, 0);"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-color-picker insp-inline-row" data-name="commentBackColor">
<div class="title insp-inline-row-item insp-col-4 localize">@commentTab.appearance.backColor@</div>
<div class="picker insp-inline-row-item insp-col-8">
<div style="width: 100%; height: 100%">
<div class="color-view " style="background-color: rgb(255, 255, 255);"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-text insp-inline-row" data-name="commentPadding">
<div class="title insp-inline-row-item insp-col-4 localize">@commentTab.appearance.padding@</div>
<input class="editor insp-inline-row-item insp-col-8" type="text">
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-number insp-inline-row" data-name="commentOpacity">
<div class="title insp-inline-row-item insp-col-4 localize">@commentTab.appearance.opacity@</div>
<input class="editor insp-inline-row-item insp-col-7" type="number">
<div class="title insp-inline-row-item insp-col-1 center-align">%</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane" id="pictureTab">
<div class="insp-pane">
<div class="insp-group-layout">
<div class="insp-group">
<div class="insp-group-title">
<span>
<span class="group-state fa"></span>
<span class="group-text localize">@pictureTab.general.title@</span>
</span>
</div>
<div class="insp-group-content">
<div>
<div class="insp-row">
<div>
<div class="insp-checkbox" data-name="pictureMoveAndSize">
<div class="insp-row">
<div class="radiobutton insp-inline-row-item checked" data-name="picture-move-size"></div>
<div class="text insp-inline-row-item localize" data-name="picture-move-size">@pictureTab.general.moveAndSize@</div>
</div>
<div class="insp-row">
<div class="radiobutton insp-inline-row-item" data-name="picture-move-nosize"></div>
<div class="text insp-inline-row-item localize" data-name="picture-move-nosize">@pictureTab.general.moveAndNoSize@</div>
</div>
<div class="insp-row">
<div class="radiobutton insp-inline-row-item" data-name="picture-nomove-size"></div>
<div class="text insp-inline-row-item localize" data-name="picture-nomove-size">@pictureTab.general.noMoveAndSize@</div>
</div>
</div>
</div>
</div>
</div>
<div class="group-item-divider"></div>
<div>
<div class="insp-row">
<div>
<div class="insp-checkbox insp-inline-row" data-name="pictureFixedPosition">
<div class="button insp-inline-row-item"></div>
<div class="text insp-inline-row-item localize">@pictureTab.general.fixedPosition@</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="insp-group-layout">
<div class="insp-group expanded">
<div class="insp-group-title">
<span>
<span class="group-state fa"></span>
<span class="group-text localize">@pictureTab.border.title@</span>
</span>
</div>
<div class="insp-group-content">
<div>
<div class="insp-row">
<div>
<div class="insp-number insp-inline-row" data-name="pictureBorderWidth">
<div class="title insp-inline-row-item insp-col-4 localize">@pictureTab.border.width@</div>
<input class="editor insp-inline-row-item insp-col-8" type="number">
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-number insp-inline-row" data-name="pictureBorderRadius">
<div class="title insp-inline-row-item insp-col-4 localize">@pictureTab.border.radius@</div>
<input class="editor insp-inline-row-item insp-col-8" type="number">
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-dropdown-list insp-inline-row" data-list-ref="pictureBorderStyleList" data-name="pictureBorderStyle">
<div class="title insp-inline-row-item insp-col-4 localize">@pictureTab.border.style.title@</div>
<div class="dropdown insp-inline-row-item btn btn-default insp-text-right insp-col-8">
<div style="width: 100%; height: 100%">
<span class="display"></span><span class="caret"></span>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-color-picker insp-inline-row" data-name="pictureBorderColor">
<div class="title insp-inline-row-item insp-col-4 localize">@pictureTab.border.color@</div>
<div class="picker insp-inline-row-item insp-col-8">
<div style="width: 100%; height: 100%">
<div class="color-view " style="background-color: rgb(0, 0, 0);"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="insp-group-layout">
<div class="insp-group expanded">
<div class="insp-group-title">
<span>
<span class="group-state fa"></span>
<span class="group-text localize">@pictureTab.appearance.title@</span>
</span>
</div>
<div class="insp-group-content">
<div>
<div class="insp-row">
<div>
<div class="insp-dropdown-list insp-inline-row" data-list-ref="pictureStretchList" data-name="pictureStretch">
<div class="title insp-inline-row-item insp-col-4 localize">@pictureTab.appearance.stretch.title@</div>
<div class="dropdown insp-inline-row-item btn btn-default insp-text-right insp-col-8">
<div style="width: 100%; height: 100%">
<span class="display"></span><span class="caret"></span>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-color-picker insp-inline-row" data-name="pictureBackColor">
<div class="title insp-inline-row-item insp-col-4 localize">@pictureTab.appearance.backColor@</div>
<div class="picker insp-inline-row-item insp-col-8">
<div style="width: 100%; height: 100%">
<div class="color-view " style="background-color: rgb(255, 255, 255);"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane" id="sparklineExTab">
<div class="insp-pane">
<div class="insp-group-layout" id="pieSparklineSetting">
<div class="insp-group expanded">
<div class="insp-group-title">
<span>
<span class="group-state fa"></span>
<span class="group-text localize">@sparklineExTab.pieSparkline.title@</span>
</span>
</div>
<div class="insp-group-content">
<div>
<div>
<div class="insp-row">
<div>
<div class="insp-text insp-inline-row" data-name="pieSparklinePercentage">
<div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.pieSparkline.values.percentage@</div>
<input class="editor insp-inline-row-item insp-col-6" type="text">
</div>
</div>
</div>
</div>
</div>
<div id="pieSparklineColorContainer">
</div>
<div class="group-item-divider"></div>
<div class="insp-row col-md-offset-8">
<div class="button btn btn-default group-set localize" id="setPieSparkline">@sparklineExTab.pieSparkline.values.setButton@</div>
</div>
</div>
</div>
</div>
<div class="insp-group-layout" id="areaSparklineSetting">
<div class="insp-group expanded">
<div class="insp-group-title">
<span>
<span class="group-state fa"></span>
<span class="group-text localize">@sparklineExTab.areaSparkline.title@</span>
</span>
</div>
<div class="insp-group-content">
<div>
<div>
<div class="insp-row">
<div>
<div class="insp-text insp-inline-row" data-name="areaSparklinePoints">
<div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.areaSparkline.values.points@</div>
<input class="editor insp-inline-row-item insp-col-6" type="text">
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-number insp-inline-row" data-name="areaSparklineMinimumValue">
<div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.areaSparkline.values.minimumValue@</div>
<input class="editor insp-inline-row-item insp-col-6 not-min-zero" type="number">
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-number insp-inline-row" data-name="areaSparklineMaximumValue">
<div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.areaSparkline.values.maximumValue@</div>
<input class="editor insp-inline-row-item insp-col-6 not-min-zero" type="number">
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-number insp-inline-row" data-name="areaSparklineLine1">
<div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.areaSparkline.values.line1@</div>
<input class="editor insp-inline-row-item insp-col-6 not-min-zero" type="number">
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-number insp-inline-row" data-name="areaSparklineLine2">
<div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.areaSparkline.values.line2@</div>
<input class="editor insp-inline-row-item insp-col-6 not-min-zero" type="number">
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-color-picker insp-inline-row" data-name="areaSparklinePositiveColor">
<div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.areaSparkline.values.positiveColor@</div>
<div class="picker insp-inline-row-item insp-col-6">
<div style="width: 100%; height: 100%">
<div class="color-view" style="background-color: rgb(120, 120, 120);"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-color-picker insp-inline-row" data-name="areaSparklineNegativeColor">
<div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.areaSparkline.values.negativeColor@</div>
<div class="picker insp-inline-row-item insp-col-6">
<div style="width: 100%; height: 100%">
<div class="color-view" style="background-color: rgb(203, 0, 0);"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="group-item-divider"></div>
<div class="insp-row col-md-offset-8">
<div class="button btn btn-default group-set localize" id="setAreaSparkline">@sparklineExTab.areaSparkline.values.setButton@</div>
</div>
</div>
</div>
</div>
<div class="insp-group-layout" id="boxplotSparklineSetting">
<div class="insp-group expanded">
<div class="insp-group-title">
<span>
<span class="group-state fa"></span>
<span class="group-text localize">@sparklineExTab.boxplotSparkline.title@</span>
</span>
</div>
<div class="insp-group-content">
<div>
<div>
<div class="insp-row">
<div>
<div class="insp-text insp-inline-row" data-name="boxplotSparklinePoints">
<div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.boxplotSparkline.values.points@</div>
<input class="editor insp-inline-row-item insp-col-6" type="text">
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-dropdown-list insp-inline-row" data-list-ref="boxplotClassList" data-name="boxplotClassType" id="boxplotClassType">
<div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.boxplotSparkline.values.boxplotClass@</div>
<div class="dropdown insp-inline-row-item btn btn-default insp-text-right insp-col-6">
<div style="width: 100%; height: 100%">
<span class="display"></span>
<span class="caret"></span>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-text insp-inline-row" data-name="boxplotSparklineScaleStart">
<div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.boxplotSparkline.values.scaleStart@</div>
<input class="editor insp-inline-row-item insp-col-6" type="text">
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-text insp-inline-row" data-name="boxplotSparklineScaleEnd">
<div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.boxplotSparkline.values.scaleEnd@</div>
<input class="editor insp-inline-row-item insp-col-6" type="text">
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-text insp-inline-row" data-name="boxplotSparklineAcceptableStart">
<div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.boxplotSparkline.values.acceptableStart@</div>
<input class="editor insp-inline-row-item insp-col-6" type="text">
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-text insp-inline-row" data-name="boxplotSparklineAcceptableEnd">
<div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.boxplotSparkline.values.acceptableEnd@</div>
<input class="editor insp-inline-row-item insp-col-6" type="text">
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-color-picker insp-inline-row" data-name="boxplotSparklineColorScheme">
<div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.boxplotSparkline.values.colorScheme@</div>
<div class="picker insp-inline-row-item insp-col-6">
<div style="width: 100%; height: 100%">
<div class="color-view" style="background-color: rgb(210, 210, 210);"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-dropdown-list insp-inline-row" data-list-ref="boxplotSparklineStyleList" data-name="boxplotSparklineStyleType">
<div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.boxplotSparkline.values.style@</div>
<div class="dropdown insp-inline-row-item btn btn-default insp-text-right insp-col-6">
<div style="width: 100%; height: 100%">
<span class="display"></span>
<span class="caret"></span>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-checkbox insp-inline-row" data-name="boxplotSparklineShowAverage">
<div class="button insp-inline-row-item"></div>
<div class="text insp-inline-row-item localize">@sparklineExTab.boxplotSparkline.values.showAverage@</div>
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-checkbox insp-inline-row" data-name="boxplotSparklineVertical">
<div class="button insp-inline-row-item"></div>
<div class="text insp-inline-row-item localize">@sparklineExTab.boxplotSparkline.values.vertical@</div>
</div>
</div>
</div>
</div>
</div>
<div class="group-item-divider"></div>
<div class="insp-row col-md-offset-8">
<div class="button btn btn-default group-set localize" id="setBoxPlotSparkline">@sparklineExTab.boxplotSparkline.values.setButton@</div>
</div>
</div>
</div>
</div>
<div class="insp-group-layout" id="bulletSparklineSetting">
<div class="insp-group expanded">
<div class="insp-group-title">
<span>
<span class="group-state fa"></span>
<span class="group-text localize">@sparklineExTab.bulletSparkline.title@</span>
</span>
</div>
<div class="insp-group-content">
<div>
<div>
<div class="insp-row">
<div>
<div class="insp-text insp-inline-row" data-name="bulletSparklineMeasure">
<div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.bulletSparkline.values.measure@</div>
<input class="editor insp-inline-row-item insp-col-6" type="text">
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-text insp-inline-row" data-name="bulletSparklineTarget">
<div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.bulletSparkline.values.target@</div>
<input class="editor insp-inline-row-item insp-col-6" type="text">
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-text insp-inline-row" data-name="bulletSparklineMaxi">
<div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.bulletSparkline.values.maxi@</div>
<input class="editor insp-inline-row-item insp-col-6" type="text">
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-text insp-inline-row" data-name="bulletSparklineForecast">
<div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.bulletSparkline.values.forecast@</div>
<input class="editor insp-inline-row-item insp-col-6" type="text">
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-text insp-inline-row" data-name="bulletSparklineGood">
<div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.bulletSparkline.values.good@</div>
<input class="editor insp-inline-row-item insp-col-6" type="text">
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-text insp-inline-row" data-name="bulletSparklineBad">
<div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.bulletSparkline.values.bad@</div>
<input class="editor insp-inline-row-item insp-col-6" type="text">
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-text insp-inline-row" data-name="bulletSparklineTickUnit">
<div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.bulletSparkline.values.tickunit@</div>
<input class="editor insp-inline-row-item insp-col-6" type="text">
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-color-picker insp-inline-row" data-name="bulletSparklineColorScheme">
<div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.bulletSparkline.values.colorScheme@</div>
<div class="picker insp-inline-row-item insp-col-6">
<div style="width: 100%; height: 100%">
<div class="color-view" style="background-color: rgb(146, 208, 80);"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-checkbox insp-inline-row" data-name="bulletSparklineVertical">
<div class="button insp-inline-row-item"></div>
<div class="text insp-inline-row-item localize">@sparklineExTab.bulletSparkline.values.vertical@</div>
</div>
</div>
</div>
</div>
</div>
<div class="group-item-divider"></div>
<div class="insp-row col-md-offset-8">
<div class="button btn btn-default group-set localize" id="setBulletSparkline">@sparklineExTab.bulletSparkline.values.setButton@</div>
</div>
</div>
</div>
</div>
<div class="insp-group-layout" id="cascadeSparklineSetting">
<div class="insp-group expanded">
<div class="insp-group-title">
<span>
<span class="group-state fa"></span>
<span class="group-text localize">@sparklineExTab.cascadeSparkline.title@</span>
</span>
</div>
<div class="insp-group-content">
<div>
<div>
<div class="insp-row">
<div>
<div class="insp-text insp-inline-row" data-name="cascadeSparklinePointsRange">
<div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.cascadeSparkline.values.pointsRange@</div>
<input class="editor insp-inline-row-item insp-col-6" type="text">
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-text insp-inline-row" data-name="cascadeSparklinePointIndex">
<div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.cascadeSparkline.values.pointIndex@</div>
<input class="editor insp-inline-row-item insp-col-6" type="text">
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-text insp-inline-row" data-name="cascadeSparklineLabelsRange">
<div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.cascadeSparkline.values.labelsRange@</div>
<input class="editor insp-inline-row-item insp-col-6" type="text">
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-text insp-inline-row" data-name="cascadeSparklineMinimum">
<div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.cascadeSparkline.values.minimum@</div>
<input class="editor insp-inline-row-item insp-col-6" type="text">
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-text insp-inline-row" data-name="cascadeSparklineMaximum">
<div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.cascadeSparkline.values.maximum@</div>
<input class="editor insp-inline-row-item insp-col-6" type="text">
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-color-picker insp-inline-row" data-name="cascadeSparklinePositiveColor">
<div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.cascadeSparkline.values.positiveColor@</div>
<div class="picker insp-inline-row-item insp-col-6">
<div style="width: 100%; height: 100%">
<div class="color-view" style="background-color: rgb(140, 191, 100);"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-color-picker insp-inline-row" data-name="cascadeSparklineNegativeColor">
<div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.cascadeSparkline.values.negativeColor@</div>
<div class="picker insp-inline-row-item insp-col-6">
<div style="width: 100%; height: 100%">
<div class="color-view" style="background-color: rgb(214, 96, 77);"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-checkbox insp-inline-row" data-name="cascadeSparklineVertical">
<div class="button insp-inline-row-item"></div>
<div class="text insp-inline-row-item localize">@sparklineExTab.cascadeSparkline.values.vertical@</div>
</div>
</div>
</div>
</div>
</div>
<div class="group-item-divider"></div>
<div class="insp-row col-md-offset-8">
<div class="button btn btn-default group-set localize" id="setCascadeSparkline">@sparklineExTab.cascadeSparkline.values.setButton@</div>
</div>
</div>
</div>
</div>
<div class="insp-group-layout" id="compatibleSparklineSetting">
<div class="insp-group expanded">
<div class="insp-group-title">
<span>
<span class="group-state fa"></span>
<span class="group-text localize">@sparklineExTab.compatibleSparkline.title@</span>
</span>
</div>
<div class="insp-group-content">
<div>
<div>
<div class="insp-row">
<span class="groupheader localize">@sparklineExTab.compatibleSparkline.values.data.title@</span>
</div>
</div>
<div>
<div>
<div class="insp-row">
<div>
<div class="insp-text insp-inline-row" data-name="compatibleSparklineData">
<div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.compatibleSparkline.values.data.title@</div>
<input class="editor insp-inline-row-item insp-col-6" type="text">
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-dropdown-list insp-inline-row" data-list-ref="orientationList" data-name="dataOrientationType">
<div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.compatibleSparkline.values.data.dataOrientation@</div>
<div class="dropdown insp-inline-row-item btn btn-default insp-text-right insp-col-6">
<div style="width: 100%; height: 100%">
<span class="display"></span>
<span class="caret"></span>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-text insp-inline-row" data-name="compatibleSparklineDateAxisData">
<div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.compatibleSparkline.values.data.dateAxisData@</div>
<input class="editor insp-inline-row-item insp-col-6" type="text">
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-dropdown-list insp-inline-row" data-list-ref="orientationList" data-name="dateAxisOrientationType">
<div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.compatibleSparkline.values.data.dateAxisOrientation@</div>
<div class="dropdown insp-inline-row-item btn btn-default insp-text-right insp-col-6">
<div style="width: 100%; height: 100%">
<span class="display"></span>
<span class="caret"></span>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-dropdown-list insp-inline-row" data-list-ref="emptyCellDisplayTypeList" data-name="emptyCellDisplayType" id="emptyCellDisplayType">
<div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.compatibleSparkline.values.data.displayEmptyCellAs@</div>
<div class="dropdown insp-inline-row-item btn btn-default insp-text-right insp-col-6">
<div style="width: 100%; height: 100%">
<span class="display"></span>
<span class="caret"></span>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-checkbox insp-inline-row" data-name="showDataInHiddenRowOrColumn">
<div class="button insp-inline-row-item"></div>
<div class="text insp-inline-row-item localize">@sparklineExTab.compatibleSparkline.values.data.showDataInHiddenRowOrColumn@</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<div>
<div class="insp-row">
<span class="groupheader localize">@sparklineExTab.compatibleSparkline.values.show.title@</span>
</div>
</div>
<div>
<div>
<div class="insp-row">
<div>
<div class="insp-checkbox insp-inline-row insp-col-6" data-name="compatibleSparklineShowFirst">
<div class="button insp-inline-row-item"></div>
<div class="text insp-inline-row-item localize">@sparklineExTab.compatibleSparkline.values.show.showFirst@</div>
</div>
<div class="insp-checkbox insp-inline-row" data-name="compatibleSparklineShowLast">
<div class="button insp-inline-row-item"></div>
<div class="text insp-inline-row-item localize">@sparklineExTab.compatibleSparkline.values.show.showLast@</div>
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-checkbox insp-inline-row insp-col-6" data-name="compatibleSparklineShowHigh">
<div class="button insp-inline-row-item"></div>
<div class="text insp-inline-row-item localize">@sparklineExTab.compatibleSparkline.values.show.showHigh@</div>
</div>
<div class="insp-checkbox insp-inline-row" data-name="compatibleSparklineShowLow">
<div class="button insp-inline-row-item"></div>
<div class="text insp-inline-row-item localize">@sparklineExTab.compatibleSparkline.values.show.showLow@</div>
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-checkbox insp-inline-row insp-col-6" data-name="compatibleSparklineShowNegative">
<div class="button insp-inline-row-item"></div>
<div class="text insp-inline-row-item localize">@sparklineExTab.compatibleSparkline.values.show.showNegative@</div>
</div>
<div class="insp-checkbox insp-inline-row" data-name="compatibleSparklineShowMarkers">
<div class="button insp-inline-row-item"></div>
<div class="text insp-inline-row-item localize">@sparklineExTab.compatibleSparkline.values.show.showMarkers@</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<div>
<div class="insp-row">
<span class="groupheader localize">@sparklineExTab.compatibleSparkline.values.group.title@</span>
</div>
</div>
<div>
<div>
<div class="insp-row">
<div>
<div class="insp-dropdown-list insp-inline-row" data-list-ref="axisTypeList" data-name="minAxisType">
<div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.compatibleSparkline.values.group.minAxisType@</div>
<div class="dropdown insp-inline-row-item btn btn-default insp-text-right insp-col-6">
<div style="width: 100%; height: 100%">
<span class="display"></span>
<span class="caret"></span>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-text insp-inline-row" data-name="manualMin">
<div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.compatibleSparkline.values.group.manualMin@</div>
<input class="editor insp-inline-row-item insp-col-6" type="text">
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-dropdown-list insp-inline-row" data-list-ref="axisTypeList" data-name="maxAxisType">
<div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.compatibleSparkline.values.group.maxAxisType@</div>
<div class="dropdown insp-inline-row-item btn btn-default insp-text-right insp-col-6">
<div style="width: 100%; height: 100%">
<span class="display"></span>
<span class="caret"></span>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-text insp-inline-row" data-name="manualMax">
<div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.compatibleSparkline.values.group.manualMax@</div>
<input class="editor insp-inline-row-item insp-col-6" type="text">
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-checkbox insp-inline-row insp-col-6" data-name="rightToLeft">
<div class="button insp-inline-row-item"></div>
<div class="text insp-inline-row-item localize">@sparklineExTab.compatibleSparkline.values.group.rightToLeft@</div>
</div>
<div class="insp-checkbox insp-inline-row" data-name="displayXAxis">
<div class="button insp-inline-row-item"></div>
<div class="text insp-inline-row-item localize">@sparklineExTab.compatibleSparkline.values.group.displayXAxis@</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<div>
<div class="insp-row">
<span class="groupheader localize">@sparklineExTab.compatibleSparkline.values.style.title@</span>
</div>
</div>
<div>
<div>
<div class="insp-row">
<div>
<div class="insp-color-picker insp-inline-row" data-name="compatibleSparklineNegativeColor">
<div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.compatibleSparkline.values.style.negative@</div>
<div class="picker insp-inline-row-item insp-col-6">
<div style="width: 100%; height: 100%">
<div class="color-view" style="background-color: rgb(165, 42, 42);"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-color-picker insp-inline-row" data-name="compatibleSparklineMarkersColor">
<div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.compatibleSparkline.values.style.markers@</div>
<div class="picker insp-inline-row-item insp-col-6">
<div style="width: 100%; height: 100%">
<div class="color-view" style="background-color: rgb(36, 64, 98);"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-color-picker insp-inline-row" data-name="compatibleSparklineAxisColor">
<div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.compatibleSparkline.values.style.axis@</div>
<div class="picker insp-inline-row-item insp-col-6">
<div style="width: 100%; height: 100%">
<div class="color-view" style="background-color: rgb(0, 0, 0);"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-color-picker insp-inline-row" data-name="compatibleSparklineSeriesColor">
<div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.compatibleSparkline.values.style.series@</div>
<div class="picker insp-inline-row-item insp-col-6">
<div style="width: 100%; height: 100%">
<div class="color-view" style="background-color: rgb(36, 64, 98);"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-color-picker insp-inline-row" data-name="compatibleSparklineHighMarkerColor">
<div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.compatibleSparkline.values.style.highMarker@</div>
<div class="picker insp-inline-row-item insp-col-6">
<div style="width: 100%; height: 100%">
<div class="color-view" style="background-color: rgb(0, 0, 255);"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-color-picker insp-inline-row" data-name="compatibleSparklineLowMarkerColor">
<div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.compatibleSparkline.values.style.lowMarker@</div>
<div class="picker insp-inline-row-item insp-col-6">
<div style="width: 100%; height: 100%">
<div class="color-view" style="background-color: rgb(0, 0, 255);"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-color-picker insp-inline-row" data-name="compatibleSparklineFirstMarkerColor">
<div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.compatibleSparkline.values.style.firstMarker@</div>
<div class="picker insp-inline-row-item insp-col-6">
<div style="width: 100%; height: 100%">
<div class="color-view" style="background-color: rgb(149, 179, 215);"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-color-picker insp-inline-row" data-name="compatibleSparklineLastMarkerColor">
<div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.compatibleSparkline.values.style.lastMarker@</div>
<div class="picker insp-inline-row-item insp-col-6">
<div style="width: 100%; height: 100%">
<div class="color-view" style="background-color: rgb(149, 179, 215);"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-text insp-inline-row" data-name="compatibleSparklineLastLineWeight">
<div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.compatibleSparkline.values.style.lineWeight@</div>
<input class="editor insp-inline-row-item insp-col-6" type="text">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="group-item-divider"></div>
<div class="insp-row col-md-offset-8">
<div class="button btn btn-default group-set localize" id="setCompatibleSparkline">@sparklineExTab.compatibleSparkline.values.setButton@</div>
</div>
</div>
</div>
</div>
<div class="insp-group-layout" id="hbarSparklineSetting">
<div class="insp-group expanded">
<div class="insp-group-title">
<span>
<span class="group-state fa"></span>
<span class="group-text localize">@sparklineExTab.hbarSparkline.title@</span>
</span>
</div>
<div class="insp-group-content">
<div>
<div>
<div class="insp-row">
<div>
<div class="insp-text insp-inline-row" data-name="hbarSparklineValue">
<div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.hbarSparkline.values.value@</div>
<input class="editor insp-inline-row-item insp-col-6" type="text">
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-color-picker insp-inline-row" data-name="hbarSparklineColorScheme">
<div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.hbarSparkline.values.colorScheme@</div>
<div class="picker insp-inline-row-item insp-col-6">
<div style="width: 100%; height: 100%">
<div class="color-view" style="background-color: rgb(128, 128, 128);"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="group-item-divider"></div>
<div class="insp-row col-md-offset-8">
<div class="button btn btn-default group-set localize" id="setHbarSparkline">@sparklineExTab.hbarSparkline.values.setButton@</div>
</div>
</div>
</div>
</div>
<div class="insp-group-layout" id="vbarSparklineSetting">
<div class="insp-group expanded">
<div class="insp-group-title">
<span>
<span class="group-state fa"></span>
<span class="group-text localize">@sparklineExTab.vbarSparkline.title@</span>
</span>
</div>
<div class="insp-group-content">
<div>
<div>
<div class="insp-row">
<div>
<div class="insp-text insp-inline-row" data-name="vbarSparklineValue">
<div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.vbarSparkline.values.value@</div>
<input class="editor insp-inline-row-item insp-col-6" type="text">
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-color-picker insp-inline-row" data-name="vbarSparklineColorScheme">
<div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.vbarSparkline.values.colorScheme@</div>
<div class="picker insp-inline-row-item insp-col-6">
<div style="width: 100%; height: 100%">
<div class="color-view" style="background-color: rgb(128, 128, 128);"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="group-item-divider"></div>
<div class="insp-row col-md-offset-8">
<div class="button btn btn-default group-set localize" id="setVbarSparkline">@sparklineExTab.vbarSparkline.values.setButton@</div>
</div>
</div>
</div>
</div>
<div class="insp-group-layout" id="paretoSparklineSetting">
<div class="insp-group expanded">
<div class="insp-group-title">
<span>
<span class="group-state fa"></span>
<span class="group-text localize">@sparklineExTab.paretoSparkline.title@</span>
</span>
</div>
<div class="insp-group-content">
<div>
<div>
<div class="insp-row">
<div>
<div class="insp-text insp-inline-row" data-name="paretoSparklinePoints">
<div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.paretoSparkline.values.points@</div>
<input class="editor insp-inline-row-item insp-col-6" type="text">
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-text insp-inline-row" data-name="paretoSparklinePointIndex">
<div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.paretoSparkline.values.pointIndex@</div>
<input class="editor insp-inline-row-item insp-col-6" type="text">
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-text insp-inline-row" data-name="paretoSparklineColorRange">
<div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.paretoSparkline.values.colorRange@</div>
<input class="editor insp-inline-row-item insp-col-6" type="text">
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-text insp-inline-row" data-name="paretoSparklineTarget">
<div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.paretoSparkline.values.target@</div>
<input class="editor insp-inline-row-item insp-col-6" type="text">
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-text insp-inline-row" data-name="paretoSparklineTarget2">
<div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.paretoSparkline.values.target2@</div>
<input class="editor insp-inline-row-item insp-col-6" type="text">
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-text insp-inline-row" data-name="paretoSparklineHighlightPosition">
<div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.paretoSparkline.values.highlightPosition@</div>
<input class="editor insp-inline-row-item insp-col-6" type="text">
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-dropdown-list insp-inline-row" data-list-ref="paretoLabelList" data-name="paretoLabelType">
<div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.paretoSparkline.values.label@</div>
<div class="dropdown insp-inline-row-item btn btn-default insp-text-right insp-col-6">
<div style="width: 100%; height: 100%">
<span class="display"></span>
<span class="caret"></span>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-checkbox insp-inline-row" data-name="paretoSparklineVertical">
<div class="button insp-inline-row-item"></div>
<div class="text insp-inline-row-item localize">@sparklineExTab.paretoSparkline.values.vertical@</div>
</div>
</div>
</div>
</div>
</div>
<div class="group-item-divider"></div>
<div class="insp-row col-md-offset-8">
<div class="button btn btn-default group-set localize" id="setParetoSparkline">@sparklineExTab.paretoSparkline.values.setButton@</div>
</div>
</div>
</div>
</div>
<div class="insp-group-layout" id="scatterSparklineSetting">
<div class="insp-group expanded">
<div class="insp-group-title">
<span>
<span class="group-state fa"></span>
<span class="group-text localize">@sparklineExTab.scatterSparkline.title@</span>
</span>
</div>
<div class="insp-group-content">
<div>
<div>
<div class="insp-row">
<div>
<div class="insp-text insp-inline-row" data-name="scatterSparklinePoints1">
<div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.scatterSparkline.values.points1@</div>
<input class="editor insp-inline-row-item insp-col-6" type="text">
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-text insp-inline-row" data-name="scatterSparklinePoints2">
<div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.scatterSparkline.values.points2@</div>
<input class="editor insp-inline-row-item insp-col-6" type="text">
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-text insp-inline-row" data-name="scatterSparklineMinX">
<div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.scatterSparkline.values.minX@</div>
<input class="editor insp-inline-row-item insp-col-6" type="text">
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-text insp-inline-row" data-name="scatterSparklineMaxX">
<div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.scatterSparkline.values.maxX@</div>
<input class="editor insp-inline-row-item insp-col-6" type="text">
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-text insp-inline-row" data-name="scatterSparklineMinY">
<div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.scatterSparkline.values.minY@</div>
<input class="editor insp-inline-row-item insp-col-6" type="text">
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-text insp-inline-row" data-name="scatterSparklineMaxY">
<div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.scatterSparkline.values.maxY@</div>
<input class="editor insp-inline-row-item insp-col-6" type="text">
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-text insp-inline-row" data-name="scatterSparklineHLine">
<div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.scatterSparkline.values.hLine@</div>
<input class="editor insp-inline-row-item insp-col-6" type="text">
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-text insp-inline-row" data-name="scatterSparklineVLine">
<div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.scatterSparkline.values.vLine@</div>
<input class="editor insp-inline-row-item insp-col-6" type="text">
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-text insp-inline-row" data-name="scatterSparklineXMinZone">
<div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.scatterSparkline.values.xMinZone@</div>
<input class="editor insp-inline-row-item insp-col-6" type="text">
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-text insp-inline-row" data-name="scatterSparklineXMaxZone">
<div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.scatterSparkline.values.xMaxZone@</div>
<input class="editor insp-inline-row-item insp-col-6" type="text">
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-text insp-inline-row" data-name="scatterSparklineYMinZone">
<div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.scatterSparkline.values.yMinZone@</div>
<input class="editor insp-inline-row-item insp-col-6" type="text">
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-text insp-inline-row" data-name="scatterSparklineYMaxZone">
<div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.scatterSparkline.values.yMaxZone@</div>
<input class="editor insp-inline-row-item insp-col-6" type="text">
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-color-picker insp-inline-row" data-name="scatterSparklineColor1">
<div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.scatterSparkline.values.color1@</div>
<div class="picker insp-inline-row-item insp-col-6">
<div style="width: 100%; height: 100%">
<div class="color-view" style="background-color: rgb(150, 150, 150);"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-color-picker insp-inline-row" data-name="scatterSparklineColor2">
<div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.scatterSparkline.values.color2@</div>
<div class="picker insp-inline-row-item insp-col-6">
<div style="width: 100%; height: 100%">
<div class="color-view" style="background-color: rgb(203, 0, 0);"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-checkbox insp-inline-row" data-name="scatterSparklineTags">
<div class="button insp-inline-row-item"></div>
<div class="text insp-inline-row-item localize">@sparklineExTab.scatterSparkline.values.tags@</div>
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-checkbox insp-inline-row" data-name="scatterSparklineDrawSymbol">
<div class="button insp-inline-row-item checked"></div>
<div class="text insp-inline-row-item localize">@sparklineExTab.scatterSparkline.values.drawSymbol@</div>
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-checkbox insp-inline-row" data-name="scatterSparklineDrawLines">
<div class="button insp-inline-row-item"></div>
<div class="text insp-inline-row-item localize">@sparklineExTab.scatterSparkline.values.drawLines@</div>
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-checkbox insp-inline-row" data-name="scatterSparklineDashLine">
<div class="button insp-inline-row-item"></div>
<div class="text insp-inline-row-item localize">@sparklineExTab.scatterSparkline.values.dashLine@</div>
</div>
</div>
</div>
</div>
</div>
<div class="group-item-divider"></div>
<div class="insp-row col-md-offset-8">
<div class="button btn btn-default group-set localize" id="setScatterSparkline">@sparklineExTab.scatterSparkline.values.setButton@</div>
</div>
</div>
</div>
</div>
<div class="insp-group-layout" id="spreadSparklineSetting">
<div class="insp-group expanded">
<div class="insp-group-title">
<span>
<span class="group-state fa"></span>
<span class="group-text localize">@sparklineExTab.spreadSparkline.title@</span>
</span>
</div>
<div class="insp-group-content">
<div>
<div>
<div class="insp-row">
<div>
<div class="insp-text insp-inline-row" data-name="spreadSparklinePoints">
<div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.spreadSparkline.values.points@</div>
<input class="editor insp-inline-row-item insp-col-6" type="text">
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-text insp-inline-row" data-name="spreadSparklineScaleStart">
<div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.spreadSparkline.values.scaleStart@</div>
<input class="editor insp-inline-row-item insp-col-6" type="text">
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-text insp-inline-row" data-name="spreadSparklineScaleEnd">
<div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.spreadSparkline.values.scaleEnd@</div>
<input class="editor insp-inline-row-item insp-col-6" type="text">
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-dropdown-list insp-inline-row" data-list-ref="spreadSparklineStyleList" data-name="spreadSparklineStyleType">
<div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.spreadSparkline.values.style@</div>
<div class="dropdown insp-inline-row-item btn btn-default insp-text-right insp-col-6">
<div style="width: 100%; height: 100%">
<span class="display"></span>
<span class="caret"></span>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-color-picker insp-inline-row" data-name="spreadSparklineColorScheme">
<div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.spreadSparkline.values.colorScheme@</div>
<div class="picker insp-inline-row-item insp-col-6">
<div style="width: 100%; height: 100%">
<div class="color-view" style="background-color: rgb(100, 100, 100);"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-checkbox insp-inline-row" data-name="spreadSparklineShowAverage">
<div class="button insp-inline-row-item"></div>
<div class="text insp-inline-row-item localize">@sparklineExTab.spreadSparkline.values.showAverage@</div>
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-checkbox insp-inline-row" data-name="spreadSparklineVertical">
<div class="button insp-inline-row-item"></div>
<div class="text insp-inline-row-item localize">@sparklineExTab.spreadSparkline.values.vertical@</div>
</div>
</div>
</div>
</div>
</div>
<div class="group-item-divider"></div>
<div class="insp-row col-md-offset-8">
<div class="button btn btn-default group-set localize" id="setSpreadSparkline">@sparklineExTab.spreadSparkline.values.setButton@</div>
</div>
</div>
</div>
</div>
<div class="insp-group-layout" id="stackedSparklineSetting">
<div class="insp-group expanded">
<div class="insp-group-title">
<span>
<span class="group-state fa"></span>
<span class="group-text localize">@sparklineExTab.stackedSparkline.title@</span>
</span>
</div>
<div class="insp-group-content">
<div>
<div>
<div class="insp-row">
<div>
<div class="insp-text insp-inline-row" data-name="stackedSparklinePoints">
<div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.stackedSparkline.values.points@</div>
<input class="editor insp-inline-row-item insp-col-6" type="text">
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-text insp-inline-row" data-name="stackedSparklineColorRange">
<div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.stackedSparkline.values.colorRange@</div>
<input class="editor insp-inline-row-item insp-col-6" type="text">
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-text insp-inline-row" data-name="stackedSparklineLabelRange">
<div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.stackedSparkline.values.labelRange@</div>
<input class="editor insp-inline-row-item insp-col-6" type="text">
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-number insp-inline-row" data-name="stackedSparklineMaximum">
<div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.stackedSparkline.values.maximum@</div>
<input class="editor insp-inline-row-item insp-col-6" type="number">
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-number insp-inline-row" data-name="stackedSparklineTargetRed">
<div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.stackedSparkline.values.targetRed@</div>
<input class="editor insp-inline-row-item insp-col-6" type="number">
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-number insp-inline-row" data-name="stackedSparklineTargetGreen">
<div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.stackedSparkline.values.targetGreen@</div>
<input class="editor insp-inline-row-item insp-col-6" type="number">
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-number insp-inline-row" data-name="stackedSparklineTargetBlue">
<div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.stackedSparkline.values.targetBlue@</div>
<input class="editor insp-inline-row-item insp-col-6" type="number">
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-number insp-inline-row" data-name="stackedSparklineTargetYellow">
<div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.stackedSparkline.values.targetYellow@</div>
<input class="editor insp-inline-row-item insp-col-6" type="number">
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-color-picker insp-inline-row" data-name="stackedSparklineColor">
<div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.stackedSparkline.values.color@</div>
<div class="picker insp-inline-row-item insp-col-6">
<div style="width: 100%; height: 100%">
<div class="color-view" style="background-color: rgb(100, 100, 100);"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-number insp-inline-row" data-name="stackedSparklineHighlightPosition">
<div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.stackedSparkline.values.highlightPosition@</div>
<input class="editor insp-inline-row-item insp-col-6" type="number">
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-dropdown-list insp-inline-row" data-list-ref="textOrientationList" data-name="stackedSparklineTextOrientation">
<div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.stackedSparkline.values.textOrientation@</div>
<div class="dropdown insp-inline-row-item btn btn-default insp-text-right insp-col-6">
<div style="width: 100%; height: 100%">
<span class="display"></span>
<span class="caret"></span>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-number insp-inline-row" data-name="stackedSparklineTextSize">
<div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.stackedSparkline.values.textSize@</div>
<input class="editor insp-inline-row-item insp-col-5" type="number">
<div class="title insp-inline-row-item insp-col-1 center-align">px</div>
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-checkbox insp-inline-row" data-name="stackedSparklineVertical">
<div class="button insp-inline-row-item"></div>
<div class="text insp-inline-row-item localize">@sparklineExTab.stackedSparkline.values.vertical@</div>
</div>
</div>
</div>
</div>
</div>
<div class="group-item-divider"></div>
<div class="insp-row col-md-offset-8">
<div class="button btn btn-default group-set localize" id="setStackedSparkline">@sparklineExTab.stackedSparkline.values.setButton@</div>
</div>
</div>
</div>
</div>
<div class="insp-group-layout" id="variSparklineSetting">
<div class="insp-group expanded">
<div class="insp-group-title">
<span>
<span class="group-state fa"></span>
<span class="group-text localize">@sparklineExTab.variSparkline.title@</span>
</span>
</div>
<div class="insp-group-content">
<div>
<div>
<div class="insp-row">
<div>
<div class="insp-text insp-inline-row" data-name="variSparklineVariance">
<div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.variSparkline.values.variance@</div>
<input class="editor insp-inline-row-item insp-col-6" type="text">
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-text insp-inline-row" data-name="variSparklineReference">
<div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.variSparkline.values.reference@</div>
<input class="editor insp-inline-row-item insp-col-6" type="text">
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-text insp-inline-row" data-name="variSparklineMini">
<div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.variSparkline.values.mini@</div>
<input class="editor insp-inline-row-item insp-col-6" type="text">
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-text insp-inline-row" data-name="variSparklineMaxi">
<div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.variSparkline.values.maxi@</div>
<input class="editor insp-inline-row-item insp-col-6" type="text">
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-text insp-inline-row" data-name="variSparklineMark">
<div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.variSparkline.values.mark@</div>
<input class="editor insp-inline-row-item insp-col-6" type="text">
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-text insp-inline-row" data-name="variSparklineTickUnit">
<div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.variSparkline.values.tickunit@</div>
<input class="editor insp-inline-row-item insp-col-6" type="text">
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-color-picker insp-inline-row" data-name="variSparklineColorPositive">
<div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.variSparkline.values.colorPositive@</div>
<div class="picker insp-inline-row-item insp-col-6">
<div style="width: 100%; height: 100%">
<div class="color-view" style="background-color: rgb(0, 128, 0);"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-color-picker insp-inline-row" data-name="variSparklineColorNegative">
<div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.variSparkline.values.colorNegative@</div>
<div class="picker insp-inline-row-item insp-col-6">
<div style="width: 100%; height: 100%">
<div class="color-view" style="background-color: rgb(255, 0, 0);"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-checkbox insp-inline-row" data-name="variSparklineLegend">
<div class="button insp-inline-row-item"></div>
<div class="text insp-inline-row-item localize">@sparklineExTab.variSparkline.values.legend@</div>
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-checkbox insp-inline-row" data-name="variSparklineVertical">
<div class="button insp-inline-row-item"></div>
<div class="text insp-inline-row-item localize">@sparklineExTab.variSparkline.values.vertical@</div>
</div>
</div>
</div>
</div>
</div>
<div class="group-item-divider"></div>
<div class="insp-row col-md-offset-8">
<div class="button btn btn-default group-set localize" id="setVariSparkline">@sparklineExTab.variSparkline.values.setButton@</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane" id="slicerTab">
<div class="insp-pane">
<div class="insp-group-layout">
<div class="insp-group expanded">
<div class="insp-group-title">
<span>
<span class="group-state fa"></span>
<span class="group-text localize">@slicerTab.slicerStyle.title@</span>
</span>
</div>
<div class="insp-group-content">
<div>
<div class="insp-row">
<div>
<div class="slicer-format-2013" id="slicerStyles">
<div>
<div>
<div class="slicer-format-item localize-tooltip" title="@slicerTab.slicerStyle.light.light1@">
<div data-name="light1">
<div class="slicer-format-icon slicer-format-light1"></div>
</div>
</div>
</div>
</div>
<div>
<div>
<div class="slicer-format-item localize-tooltip" title="@slicerTab.slicerStyle.light.light2@">
<div data-name="light2">
<div class="slicer-format-icon slicer-format-light2"></div>
</div>
</div>
</div>
</div>
<div>
<div>
<div class="slicer-format-item localize-tooltip" title="@slicerTab.slicerStyle.light.light3@">
<div data-name="light3">
<div class="slicer-format-icon slicer-format-light3"></div>
</div>
</div>
</div>
</div>
<div>
<div>
<div class="slicer-format-item localize-tooltip" title="@slicerTab.slicerStyle.light.light5@">
<div data-name="light5">
<div class="slicer-format-icon slicer-format-light5"></div>
</div>
</div>
</div>
</div>
<div>
<div>
<div class="slicer-format-item localize-tooltip" title="@slicerTab.slicerStyle.light.light6@">
<div data-name="light6">
<div class="slicer-format-icon slicer-format-light6"></div>
</div>
</div>
</div>
</div>
<div>
<div>
<div class="slicer-format-item localize-tooltip" title="@slicerTab.slicerStyle.dark.dark1@">
<div data-name="dark1">
<div class="slicer-format-icon slicer-format-dark1"></div>
</div>
</div>
</div>
</div>
<div>
<div>
<div class="slicer-format-item localize-tooltip" title="@slicerTab.slicerStyle.dark.dark2@">
<div data-name="dark2">
<div class="slicer-format-icon slicer-format-dark2"></div>
</div>
</div>
</div>
</div>
<div>
<div>
<div class="slicer-format-item localize-tooltip" title="@slicerTab.slicerStyle.dark.dark3@">
<div data-name="dark3">
<div class="slicer-format-icon slicer-format-dark3"></div>
</div>
</div>
</div>
</div>
<div>
<div>
<div class="slicer-format-item localize-tooltip" title="@slicerTab.slicerStyle.dark.dark5@">
<div data-name="dark5">
<div class="slicer-format-icon slicer-format-dark5"></div>
</div>
</div>
</div>
</div>
<div>
<div>
<div class="slicer-format-item localize-tooltip" title="@slicerTab.slicerStyle.dark.dark6@">
<div data-name="dark6">
<div class="slicer-format-icon slicer-format-dark6"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="insp-group-layout">
<div class="insp-group expanded">
<div class="insp-group-title">
<span>
<span class="group-state fa"></span>
<span class="group-text localize">@slicerTab.general.title@</span>
</span>
</div>
<div class="insp-group-content">
<div>
<div class="insp-row">
<div>
<div class="insp-text insp-inline-row" data-name="slicerName">
<div class="title insp-inline-row-item insp-col-6 localize">@slicerTab.general.name@</div>
<input class="editor insp-inline-row-item insp-col-6" type="text">
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-text insp-inline-row" data-name="slicerCaptionName">
<div class="title insp-inline-row-item insp-col-6 localize">@slicerTab.general.captionName@</div>
<input class="editor insp-inline-row-item insp-col-6" type="text">
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-dropdown-list insp-inline-row" data-list-ref="slicerItemSortingList" data-name="slicerItemSorting">
<div class="title insp-inline-row-item insp-col-6 localize">@slicerTab.general.itemSorting.title@</div>
<div class="dropdown insp-inline-row-item btn btn-default insp-text-right insp-col-6">
<div style="width: 100%; height: 100%">
<span class="display"></span>
<span class="caret"></span>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-checkbox insp-inline-row" data-name="displaySlicerHeader">
<div class="button insp-inline-row-item checked"></div>
<div class="text insp-inline-row-item localize">@slicerTab.general.displayHeader@</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="insp-group-layout">
<div class="insp-group expanded">
<div class="insp-group-title">
<span>
<span class="group-state fa"></span>
<span class="group-text localize">@slicerTab.layout.title@</span>
</span>
</div>
<div class="insp-group-content">
<div>
<div class="insp-row">
<div>
<div class="insp-number insp-inline-row" data-name="slicerColumnNumber">
<div class="title insp-inline-row-item insp-col-6 localize">@slicerTab.layout.columnNumber@</div>
<input class="editor insp-inline-row-item insp-col-6" type="number">
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-number insp-inline-row" data-name="slicerButtonHeight">
<div class="title insp-inline-row-item insp-col-6 localize">@slicerTab.layout.buttonHeight@</div>
<input class="editor insp-inline-row-item insp-col-6" type="number">
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-number insp-inline-row" data-name="slicerButtonWidth">
<div class="title insp-inline-row-item insp-col-6 localize">@slicerTab.layout.buttonWidth@</div>
<input class="editor insp-inline-row-item insp-col-6" type="number">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="insp-group-layout">
<div class="insp-group">
<div class="insp-group-title">
<span>
<span class="group-state fa"></span>
<span class="group-text localize">@slicerTab.property.title@</span>
</span>
</div>
<div class="insp-group-content">
<div>
<div class="insp-row">
<div>
<div class="insp-checkbox" data-name="slicerMoveAndSize">
<div class="insp-row">
<div class="radiobutton insp-inline-row-item checked" data-name="slicer-move-size"></div>
<div class="text insp-inline-row-item localize" data-name="slicer-move-size">@slicerTab.property.moveAndSize@</div>
</div>
<div class="insp-row">
<div class="radiobutton insp-inline-row-item" data-name="slicer-move-nosize"></div>
<div class="text insp-inline-row-item localize" data-name="slicer-move-nosize">@slicerTab.property.moveAndNoSize@</div>
</div>
<div class="insp-row">
<div class="radiobutton insp-inline-row-item" data-name="slicer-nomove-size"></div>
<div class="text insp-inline-row-item localize" data-name="slicer-nomove-size">@slicerTab.property.noMoveAndSize@</div>
</div>
</div>
</div>
</div>
</div>
<div class="group-item-divider"></div>
<div>
<div class="insp-row">
<div>
<div class="insp-checkbox insp-inline-row" data-name="lockSlicer">
<div class="button insp-inline-row-item checked"></div>
<div class="text insp-inline-row-item localize">@slicerTab.property.locked@</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="setfontstyle" style="display: none"></div>
<div id="colorpicker" class="colorpicker" style="left: 983.75px; top: 88px;">
<div class="cp-pointer right" style="left: 246px; top: 222px;"></div>
<div class="cp-container">
<div class="tab-content">
<div id="theme-color" class="tab-pane active">
<div class="color-cells-container">
<h2 class="color-group-header localize">@colorPicker.themeColors@</h2>
<ul id="default-theme-color">
</ul>
</div>
<div class="colorpicker-standard-color">
<h2 class="color-group-header localize">@colorPicker.standardColors@</h2>
<div class="cp-indent">
<ul>
<li class="color-cell standard-color-cell" style="background-color: rgb(192, 0, 0);"></li>
<li class="color-cell standard-color-cell" style="background-color: rgb(255, 0, 0);"></li>
<li class="color-cell standard-color-cell" style="background-color: rgb(255, 192, 0);"></li>
<li class="color-cell standard-color-cell" style="background-color: rgb(255, 255, 0);"></li>
<li class="color-cell standard-color-cell" style="background-color: rgb(146, 208, 80);"></li>
<li class="color-cell standard-color-cell" style="background-color: rgb(0, 176, 80);"></li>
<li class="color-cell standard-color-cell" style="background-color: rgb(0, 176, 240);"></li>
<li class="color-cell standard-color-cell" style="background-color: rgb(0, 112, 192);"></li>
<li class="color-cell standard-color-cell" style="background-color: rgb(0, 32, 96);"></li>
<li class="color-cell standard-color-cell" style="background-color: rgb(112, 48, 160);"></li>
</ul>
</div>
</div>
<div class="nofill-color">
<ul>
<li class="color-cell auto-color-cell localize">@colorPicker.noFills@</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="insp-menu" role="menu" id="conditionalFormatList">
<div class="menu-item">
<div class="image fa fa-check"></div>
<div class="text localize" data-value="highlight-cells-rules">@conditionalFormat.ruleTypes.highlightCells.title@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image fa fa-check"></div>
<div class="text localize" data-value="top-bottom-rules">@conditionalFormat.ruleTypes.topBottom.title@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image fa fa-check"></div>
<div class="text localize" data-value="data-bars">@conditionalFormat.ruleTypes.dataBars.title@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image fa fa-check"></div>
<div class="text localize" data-value="color-scales">@conditionalFormat.ruleTypes.colorScales.title@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image fa fa-check"></div>
<div class="text localize" data-value="icon-sets">@conditionalFormat.ruleTypes.iconSets.title@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item divider">
<div class="image"></div>
<div class="text"></div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image nocheck"></div>
<div class="text localize" data-value="remove-conditional-formats">@conditionalFormat.ruleTypes.removeConditionalFormat.title@</div>
<div class="shortcut"></div>
</div>
</div>
<div class="insp-menu" role="menu" id="highlightCellsRulesList">
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="0">@conditionalFormat.ruleTypes.highlightCells.values.cellValue@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="1">@conditionalFormat.ruleTypes.highlightCells.values.specificText@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="2">@conditionalFormat.ruleTypes.highlightCells.values.dateOccurring@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="5">@conditionalFormat.ruleTypes.highlightCells.values.unique@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="6">@conditionalFormat.ruleTypes.highlightCells.values.duplicate@</div>
<div class="shortcut"></div>
</div>
</div>
<div class="insp-menu" role="menu" id="topBottomRulesList">
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="4">@conditionalFormat.ruleTypes.topBottom.values.top10@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="7">@conditionalFormat.ruleTypes.topBottom.values.average@</div>
<div class="shortcut"></div>
</div>
</div>
<div class="insp-menu" role="menu" id="colorScaleList">
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="8">@conditionalFormat.ruleTypes.colorScales.values.twoColors@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="9">@conditionalFormat.ruleTypes.colorScales.values.threeColors@</div>
<div class="shortcut"></div>
</div>
</div>
<div class="insp-menu" role="menu" id="colorScaleMinTypeList">
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="0">@conditionalFormat.ruleTypes.colorScales.valueTypes.number@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="1">@conditionalFormat.ruleTypes.colorScales.valueTypes.lowestValue@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="3">@conditionalFormat.ruleTypes.colorScales.valueTypes.percent@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="4">@conditionalFormat.ruleTypes.colorScales.valueTypes.percentile@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="6">@conditionalFormat.ruleTypes.colorScales.valueTypes.formula@</div>
<div class="shortcut"></div>
</div>
</div>
<div class="insp-menu" role="menu" id="colorScaleMidTypeList">
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="0">@conditionalFormat.ruleTypes.colorScales.valueTypes.number@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="3">@conditionalFormat.ruleTypes.colorScales.valueTypes.percent@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="4">@conditionalFormat.ruleTypes.colorScales.valueTypes.percentile@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="6">@conditionalFormat.ruleTypes.colorScales.valueTypes.formula@</div>
<div class="shortcut"></div>
</div>
</div>
<div class="insp-menu" role="menu" id="colorScaleMaxTypeList">
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="0">@conditionalFormat.ruleTypes.colorScales.valueTypes.number@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="2">@conditionalFormat.ruleTypes.colorScales.valueTypes.highestValue@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="3">@conditionalFormat.ruleTypes.colorScales.valueTypes.percent@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="4">@conditionalFormat.ruleTypes.colorScales.valueTypes.percentile@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="6">@conditionalFormat.ruleTypes.colorScales.valueTypes.formula@</div>
<div class="shortcut"></div>
</div>
</div>
<div class="insp-menu" role="menu" id="dataBarMinimumTypeList">
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="0">@conditionalFormat.ruleTypes.dataBars.valueTypes.number@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="1">@conditionalFormat.ruleTypes.dataBars.valueTypes.lowestValue@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="3">@conditionalFormat.ruleTypes.dataBars.valueTypes.percent@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="4">@conditionalFormat.ruleTypes.dataBars.valueTypes.percentile@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="5">@conditionalFormat.ruleTypes.dataBars.valueTypes.automin@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="6">@conditionalFormat.ruleTypes.dataBars.valueTypes.formula@</div>
<div class="shortcut"></div>
</div>
</div>
<div class="insp-menu" role="menu" id="dataBarMaximumTypeList">
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="0">@conditionalFormat.ruleTypes.dataBars.valueTypes.number@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="2">@conditionalFormat.ruleTypes.dataBars.valueTypes.highestValue@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="3">@conditionalFormat.ruleTypes.dataBars.valueTypes.percent@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="4">@conditionalFormat.ruleTypes.dataBars.valueTypes.percentile@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="6">@conditionalFormat.ruleTypes.dataBars.valueTypes.formula@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="7">@conditionalFormat.ruleTypes.dataBars.valueTypes.automax@</div>
<div class="shortcut"></div>
</div>
</div>
<div class="insp-menu" role="menu" id="dataBarDirectionList">
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="0">@conditionalFormat.ruleTypes.dataBars.directions.leftToRight@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="1">@conditionalFormat.ruleTypes.dataBars.directions.rightToLeft@</div>
<div class="shortcut"></div>
</div>
</div>
<div class="insp-menu" role="menu" id="dataBarAxisPositionList">
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="0">@conditionalFormat.ruleTypes.dataBars.axisPositions.automatic@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="1">@conditionalFormat.ruleTypes.dataBars.axisPositions.cellMidPoint@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="2">@conditionalFormat.ruleTypes.dataBars.axisPositions.none@</div>
<div class="shortcut"></div>
</div>
</div>
<div class="insp-menu" role="menu" id="iconSetTypeList">
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="0">@conditionalFormat.ruleTypes.iconSets.types.threeArrowsColored@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="1">@conditionalFormat.ruleTypes.iconSets.types.threeArrowsGray@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="2">@conditionalFormat.ruleTypes.iconSets.types.threeTriangles@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="3">@conditionalFormat.ruleTypes.iconSets.types.threeStars@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="4">@conditionalFormat.ruleTypes.iconSets.types.threeFlags@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="5">@conditionalFormat.ruleTypes.iconSets.types.threeTrafficLightsUnrimmed@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="6">@conditionalFormat.ruleTypes.iconSets.types.threeTrafficLightsRimmed@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="7">@conditionalFormat.ruleTypes.iconSets.types.threeSigns@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="8">@conditionalFormat.ruleTypes.iconSets.types.threeSymbolsCircled@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="9">@conditionalFormat.ruleTypes.iconSets.types.threeSymbolsUncircled@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="10">@conditionalFormat.ruleTypes.iconSets.types.fourArrowsColored@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="11">@conditionalFormat.ruleTypes.iconSets.types.fourArrowsGray@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="12">@conditionalFormat.ruleTypes.iconSets.types.fourRedToBlack@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="13">@conditionalFormat.ruleTypes.iconSets.types.fourRatings@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="14">@conditionalFormat.ruleTypes.iconSets.types.fourTrafficLights@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="15">@conditionalFormat.ruleTypes.iconSets.types.fiveArrowsColored@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="16">@conditionalFormat.ruleTypes.iconSets.types.fiveArrowsGray@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="17">@conditionalFormat.ruleTypes.iconSets.types.fiveRatings@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="18">@conditionalFormat.ruleTypes.iconSets.types.fiveQuarters@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="19">@conditionalFormat.ruleTypes.iconSets.types.fiveBoxes@</div>
<div class="shortcut"></div>
</div>
</div>
<div class="insp-menu" role="menu" id="iconSetCriteriaOperatorList">
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="1">>=</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="0">></div>
<div class="shortcut"></div>
</div>
</div>
<div class="insp-menu" role="menu" id="iconSetCriteriaTypeList">
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="1">@conditionalFormat.ruleTypes.iconSets.valueTypes.number@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="4">@conditionalFormat.ruleTypes.iconSets.valueTypes.percent@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="7">@conditionalFormat.ruleTypes.iconSets.valueTypes.formula@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="5">@conditionalFormat.ruleTypes.iconSets.valueTypes.percentile@</div>
<div class="shortcut"></div>
</div>
</div>
<div class="insp-menu" role="menu" id="cellValueOperatorList">
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="0">@conditionalFormat.operators.cellValue.types.equalsTo@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="1">@conditionalFormat.operators.cellValue.types.notEqualsTo@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="2">@conditionalFormat.operators.cellValue.types.greaterThan@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="3">@conditionalFormat.operators.cellValue.types.greaterThanOrEqualsTo@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="4">@conditionalFormat.operators.cellValue.types.lessThan@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="5">@conditionalFormat.operators.cellValue.types.lessThanOrEqualsTo@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="6">@conditionalFormat.operators.cellValue.types.between@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="7">@conditionalFormat.operators.cellValue.types.notBetween@</div>
<div class="shortcut"></div>
</div>
</div>
<div class="insp-menu" role="menu" id="specificTextOperatorList">
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="0">@conditionalFormat.operators.specificText.types.contains@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="1">@conditionalFormat.operators.specificText.types.doesNotContain@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="2">@conditionalFormat.operators.specificText.types.beginsWith@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="3">@conditionalFormat.operators.specificText.types.endsWith@</div>
<div class="shortcut"></div>
</div>
</div>
<div class="insp-menu" role="menu" id="dateOccurringOperatorList">
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="0">@conditionalFormat.operators.dateOccurring.types.today@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="1">@conditionalFormat.operators.dateOccurring.types.yesterday@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="2">@conditionalFormat.operators.dateOccurring.types.tomorrow@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="3">@conditionalFormat.operators.dateOccurring.types.last7Days@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="4">@conditionalFormat.operators.dateOccurring.types.thisMonth@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="5">@conditionalFormat.operators.dateOccurring.types.lastMonth@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="6">@conditionalFormat.operators.dateOccurring.types.nextMonth@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="7">@conditionalFormat.operators.dateOccurring.types.thisWeek@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="8">@conditionalFormat.operators.dateOccurring.types.lastWeek@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="9">@conditionalFormat.operators.dateOccurring.types.nextWeek@</div>
<div class="shortcut"></div>
</div>
</div>
<div class="insp-menu" role="menu" id="top10OperatorList">
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="0">@conditionalFormat.operators.top10.types.top@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="1">@conditionalFormat.operators.top10.types.bottom@</div>
<div class="shortcut"></div>
</div>
</div>
<div class="insp-menu" role="menu" id="averageOperatorList">
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="0">@conditionalFormat.operators.average.types.above@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="1">@conditionalFormat.operators.average.types.below@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="2">@conditionalFormat.operators.average.types.equalOrAbove@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="3">@conditionalFormat.operators.average.types.equalOrBelow@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="4">@conditionalFormat.operators.average.types.above1StdDev@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="5">@conditionalFormat.operators.average.types.below1StdDev@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="6">@conditionalFormat.operators.average.types.above2StdDev@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="7">@conditionalFormat.operators.average.types.below2StdDev@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="8">@conditionalFormat.operators.average.types.above3StdDev@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="9">@conditionalFormat.operators.average.types.below3StdDev@</div>
<div class="shortcut"></div>
</div>
</div>
<div class="insp-menu" role="menu" id="clearActionList">
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="clearAll">@toolBar.clear.clearActions.clearAll@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="clearFormat">@toolBar.clear.clearActions.clearFormat@</div>
<div class="shortcut"></div>
</div>
</div>
<div class="insp-menu" role="menu" id="fontFamilyList">
<div class="menu-item">
<div class="image fa fa-check"></div>
<div class="text">Arial</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text">Arial Black</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text">Calibri</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text">Cambria</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text">Century</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text">Courier New</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text">Comic Sans MS</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text">Garamond</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text">Georgia</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text">Malgun Gothic</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text">Mangal</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text">Meiryo</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text">MS Gothic</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text">MS Mincho</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text">MS PGothic</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text">MS PMincho</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text">Roboto</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text">Tahoma</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text">Times</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text">Times New Roman</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text">Trebuchet MS</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text">Verdana</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text">Wingdings</div>
<div class="shortcut"></div>
</div>
</div>
<div class="insp-menu" role="menu" id="fontSizeList">
<div class="menu-item">
<div class="image"></div>
<div class="text">8</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text">9</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image fa fa-check"></div>
<div class="text">10</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text">11</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text">12</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text">13</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text">14</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text">15</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text">16</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text">18</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text">20</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text">22</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text">24</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text">26</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text">28</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text">36</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text">48</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text">72</div>
<div class="shortcut"></div>
</div>
</div>
<div class="insp-menu" role="menu" id="fontStyleList">
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="normal">@commentTab.font.fontStyle.values.normal@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="italic">@commentTab.font.fontStyle.values.italic@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="oblique">@commentTab.font.fontStyle.values.oblique@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="inherit">@commentTab.font.fontStyle.values.inherit@</div>
<div class="shortcut"></div>
</div>
</div>
<div class="insp-menu" role="menu" id="fontWeightList">
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="normal">@commentTab.font.fontWeight.values.normal@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="bold">@commentTab.font.fontWeight.values.bold@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="bolder">@commentTab.font.fontWeight.values.bolder@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="lighter">@commentTab.font.fontWeight.values.lighter@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text">100</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text">200</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text">300</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text">400</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text">500</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text">600</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text">700</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text">800</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text">900</div>
<div class="shortcut"></div>
</div>
</div>
<div class="insp-menu" role="menu" id="borderStyleList">
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="none">@commentTab.border.style.values.none@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="hidden">@commentTab.border.style.values.hidden@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="dotted">@commentTab.border.style.values.dotted@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="dashed">@commentTab.border.style.values.dashed@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="solid">@commentTab.border.style.values.solid@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="double">@commentTab.border.style.values.double@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="groove">@commentTab.border.style.values.groove@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="ridge">@commentTab.border.style.values.ridge@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="inset">@commentTab.border.style.values.inset@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="outset">@commentTab.border.style.values.outset@</div>
<div class="shortcut"></div>
</div>
</div>
<div class="insp-menu" role="menu" id="textDecorationList">
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="0">@commentTab.font.textDecoration.values.none@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="1">@commentTab.font.textDecoration.values.underline@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="4">@commentTab.font.textDecoration.values.overline@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="2">@commentTab.font.textDecoration.values.linethrough@</div>
<div class="shortcut"></div>
</div>
</div>
<div class="insp-menu" role="menu" id="horizontalAlignList">
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="0">@commentTab.appearance.horizontalAlign.values.left@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="1">@commentTab.appearance.horizontalAlign.values.center@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="2">@commentTab.appearance.horizontalAlign.values.right@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="3">@commentTab.appearance.horizontalAlign.values.general@</div>
<div class="shortcut"></div>
</div>
</div>
<div class="insp-menu" role="menu" id="displayModeList">
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="1">@commentTab.appearance.displayMode.values.alwaysShown@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="2">@commentTab.appearance.displayMode.values.hoverShown@</div>
<div class="shortcut"></div>
</div>
</div>
<div class="insp-menu" role="menu" id="pictureBorderStyleList">
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="solid">@pictureTab.border.style.values.solid@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="dotted">@pictureTab.border.style.values.dotted@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="dashed">@pictureTab.border.style.values.dashed@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="double">@pictureTab.border.style.values.double@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="groove">@pictureTab.border.style.values.groove@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="ridge">@pictureTab.border.style.values.ridge@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="inset">@pictureTab.border.style.values.inset@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="outset">@pictureTab.border.style.values.outset@</div>
<div class="shortcut"></div>
</div>
</div>
<div class="insp-menu" role="menu" id="pictureStretchList">
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="0">@pictureTab.appearance.stretch.values.stretch@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="1">@pictureTab.appearance.stretch.values.center@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="2">@pictureTab.appearance.stretch.values.zoom@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="3">@pictureTab.appearance.stretch.values.none@</div>
<div class="shortcut"></div>
</div>
</div>
<div class="insp-menu border-line-menu" role="menu" id="borderLineList">
<div class="menu-item">
<div class="image"></div>
<div class="text localize no-border-margin" data-value="none">
<div class="no-border">@cellTab.border.noBorder@</div>
</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text" data-value="hair">
<div class="line-style-hair"></div>
</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text" data-value="dotted">
<div class="line-style-dotted"></div>
</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text" data-value="dash-dot-dot">
<div class="line-style-dash-dot-dot"></div>
</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text" data-value="dash-dot">
<div class="line-style-dash-dot"></div>
</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text" data-value="dashed">
<div class="line-style-dashed"></div>
</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text" data-value="thin">
<div class="line-style-thin"></div>
</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text" data-value="medium-dash-dot-dot">
<div class="line-style-medium-dash-dot-dot"></div>
</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text" data-value="slanted-dash-dot">
<div class="line-style-slanted-dash-dot"></div>
</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text" data-value="medium-dash-dot">
<div class="line-style-medium-dash-dot"></div>
</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text" data-value="medium-dashed">
<div class="line-style-medium-dashed"></div>
</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text" data-value="medium">
<div class="line-style-medium"></div>
</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text" data-value="thick">
<div class="line-style-thick"></div>
</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text" data-value="double">
<div class="line-style-double"></div>
</div>
<div class="shortcut"></div>
</div>
</div>
<div class="insp-menu" role="menu" id="commomFormatList">
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="nullValue">@cellTab.format.commonFormat.option.general@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="0.00">@cellTab.format.commonFormat.option.number@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="$#,##0.00">@cellTab.format.commonFormat.option.currency@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value='$ #,##0.00;$ (#,##0.00);$ \"-\"??;@'>@cellTab.format.commonFormat.option.accounting@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="m/d/yyyy">@cellTab.format.commonFormat.option.shortDate@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="dddd, mmmm dd, yyyy">@cellTab.format.commonFormat.option.longDate@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="h:mm:ss AM/PM">@cellTab.format.commonFormat.option.time@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="0%">@cellTab.format.commonFormat.option.percentage@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="# ?/?">@cellTab.format.commonFormat.option.fraction@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="0.00E 00">@cellTab.format.commonFormat.option.scientific@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="@">@cellTab.format.commonFormat.option.text@</div>
<div class="shortcut"></div>
</div>
</div>
<div class="insp-menu" role="menu" id="selectionPolicyList">
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="0">@sheetTab.selection.policy.values.single@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="1">@sheetTab.selection.policy.values.range@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image fa fa-check"></div>
<div class="text localize" data-value="2">@sheetTab.selection.policy.values.multiRange@</div>
<div class="shortcut"></div>
</div>
</div>
<div class="insp-menu" role="menu" id="selectionUnitList">
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="0">@sheetTab.selection.unit.values.cell@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="1">@sheetTab.selection.unit.values.row@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image fa fa-check"></div>
<div class="text localize" data-value="2">@sheetTab.selection.unit.values.column@</div>
<div class="shortcut"></div>
</div>
</div>
<div class="insp-menu" role="menu" id="scrollTipList">
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="0">@spreadTab.tip.scrollTip.values.none@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="1">@spreadTab.tip.scrollTip.values.horizontal@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image fa fa-check"></div>
<div class="text localize" data-value="2">@spreadTab.tip.scrollTip.values.vertical@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image fa fa-check"></div>
<div class="text localize" data-value="3">@spreadTab.tip.scrollTip.values.both@</div>
<div class="shortcut"></div>
</div>
</div>
<div class="insp-menu" role="menu" id="resizeTipList">
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="0">@spreadTab.tip.resizeTip.values.none@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="1">@spreadTab.tip.resizeTip.values.column@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image fa fa-check"></div>
<div class="text localize" data-value="2">@spreadTab.tip.resizeTip.values.row@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image fa fa-check"></div>
<div class="text localize" data-value="3">@spreadTab.tip.resizeTip.values.both@</div>
<div class="shortcut"></div>
</div>
</div>
<div class="insp-menu" role="menu" id="sheetNameList">
</div>
<div class="insp-menu" role="menu" id="dragFillTypeList">
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="5">@spreadTab.dragDropFill.dragFillType.values.auto@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image"></div>
<div class="text localize" data-value="0">@spreadTab.dragDropFill.dragFillType.values.copyCells@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image fa fa-check"></div>
<div class="text localize" data-value="1">@spreadTab.dragDropFill.dragFillType.values.fillSeries@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image fa fa-check"></div>
<div class="text localize" data-value="2">@spreadTab.dragDropFill.dragFillType.values.fillFormattingOnly@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image fa fa-check"></div>
<div class="text localize" data-value="3">@spreadTab.dragDropFill.dragFillType.values.fillWithoutFormatting@</div>
<div class="shortcut"></div>
</div>
</div>
<div class="insp-menu" role="menu" id="cellTypesList">
<div class="menu-item">
<div class="image fa fa-check"></div>
<div class="text localize" data-value="button-celltype">@cellTypes.buttonCellType.title@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image fa fa-check"></div>
<div class="text localize" data-value="checkbox-celltype">@cellTypes.checkBoxCellType.title@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image fa fa-check"></div>
<div class="text localize" data-value="combobox-celltype">@cellTypes.comboBoxCellType.title@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image fa fa-check"></div>
<div class="text localize" data-value="hyperlink-celltype">@cellTypes.hyperlinkCellType.title@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item divider">
<div class="image"></div>
<div class="text"></div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image nocheck"></div>
<div class="text localize" data-value="clear-celltype">@cellTypes.clearCellType.title@</div>
<div class="shortcut"></div>
</div>
</div>
<div class="insp-menu" role="menu" id="checkboxCellTypeTextAlignList">
<div class="menu-item">
<div class="image fa fa-check"></div>
<div class="text localize" data-value="0">@cellTypes.checkBoxCellType.values.textAlign.values.top@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image fa fa-check"></div>
<div class="text localize" data-value="1">@cellTypes.checkBoxCellType.values.textAlign.values.bottom@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image fa fa-check"></div>
<div class="text localize" data-value="2">@cellTypes.checkBoxCellType.values.textAlign.values.left@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image fa fa-check"></div>
<div class="text localize" data-value="3">@cellTypes.checkBoxCellType.values.textAlign.values.right@</div>
<div class="shortcut"></div>
</div>
</div>
<div class="insp-menu" role="menu" id="comboboxCellTypeEditorValueTypeList">
<div class="menu-item">
<div class="image fa fa-check"></div>
<div class="text localize" data-value="0">@cellTypes.comboBoxCellType.values.editorValueType.values.text@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image fa fa-check"></div>
<div class="text localize" data-value="1">@cellTypes.comboBoxCellType.values.editorValueType.values.index@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image fa fa-check"></div>
<div class="text localize" data-value="2">@cellTypes.comboBoxCellType.values.editorValueType.values.value@</div>
<div class="shortcut"></div>
</div>
</div>
<div class="insp-menu" role="menu" id="validatorTypeList">
<div class="menu-item">
<div class="image fa fa-check"></div>
<div class="text localize" data-value="anyvalue-validator">@dataTab.dataValidation.setting.values.validatorType.option.anyValue@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image fa fa-check"></div>
<div class="text localize" data-value="number-validator">@dataTab.dataValidation.setting.values.validatorType.option.number@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image fa fa-check"></div>
<div class="text localize" data-value="list-validator">@dataTab.dataValidation.setting.values.validatorType.option.list@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image fa fa-check"></div>
<div class="text localize" data-value="formulalist-validator">@dataTab.dataValidation.setting.values.validatorType.option.formulaList@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image fa fa-check"></div>
<div class="text localize" data-value="date-validator">@dataTab.dataValidation.setting.values.validatorType.option.date@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image fa fa-check"></div>
<div class="text localize" data-value="textlength-validator">@dataTab.dataValidation.setting.values.validatorType.option.textLength@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image fa fa-check"></div>
<div class="text localize" data-value="formula-validator">@dataTab.dataValidation.setting.values.validatorType.option.custom@</div>
<div class="shortcut"></div>
</div>
</div>
<div class="insp-menu" role="menu" id="validatorComparisonOperatorList">
<div class="menu-item">
<div class="image fa fa-check"></div>
<div class="text localize" data-value="6">@dataTab.dataValidation.setting.values.validatorComparisonOperator.option.between@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image fa fa-check"></div>
<div class="text localize" data-value="7">@dataTab.dataValidation.setting.values.validatorComparisonOperator.option.notBetween@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image fa fa-check"></div>
<div class="text localize" data-value="0">@dataTab.dataValidation.setting.values.validatorComparisonOperator.option.equalTo@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image fa fa-check"></div>
<div class="text localize" data-value="1">@dataTab.dataValidation.setting.values.validatorComparisonOperator.option.notEqualTo@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image fa fa-check"></div>
<div class="text localize" data-value="2">@dataTab.dataValidation.setting.values.validatorComparisonOperator.option.greaterThan@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image fa fa-check"></div>
<div class="text localize" data-value="4">@dataTab.dataValidation.setting.values.validatorComparisonOperator.option.lessThan@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image fa fa-check"></div>
<div class="text localize" data-value="3">@dataTab.dataValidation.setting.values.validatorComparisonOperator.option.greaterThanOrEqualTo@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image fa fa-check"></div>
<div class="text localize" data-value="5">@dataTab.dataValidation.setting.values.validatorComparisonOperator.option.lessThanOrEqualTo@</div>
<div class="shortcut"></div>
</div>
</div>
<div class="insp-menu" role="menu" id="errorAlertList">
<div class="menu-item">
<div class="image fa fa-check"></div>
<div class="text localize" data-value="0">@dataTab.dataValidation.errorAlert.values.alertType.option.stop@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image fa fa-check"></div>
<div class="text localize" data-value="1">@dataTab.dataValidation.errorAlert.values.alertType.option.warning@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image fa fa-check"></div>
<div class="text localize" data-value="2">@dataTab.dataValidation.errorAlert.values.alertType.option.information@</div>
<div class="shortcut"></div>
</div>
</div>
<div class="insp-menu sparkline-dropdown-width" role="menu" id="sparklineExTypeList">
<div class="menu-item">
<div class="image fa fa-check"></div>
<div class="text localize" data-value="LINESPARKLINE">@sparklineDialog.sparklineExType.values.line@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image fa fa-check"></div>
<div class="text localize" data-value="COLUMNSPARKLINE">@sparklineDialog.sparklineExType.values.column@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image fa fa-check"></div>
<div class="text localize" data-value="WINLOSSSPARKLINE">@sparklineDialog.sparklineExType.values.winLoss@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image fa fa-check"></div>
<div class="text localize" data-value="PIESPARKLINE">@sparklineDialog.sparklineExType.values.pie@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image fa fa-check"></div>
<div class="text localize" data-value="AREASPARKLINE">@sparklineDialog.sparklineExType.values.area@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image fa fa-check"></div>
<div class="text localize" data-value="SCATTERSPARKLINE">@sparklineDialog.sparklineExType.values.scatter@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image fa fa-check"></div>
<div class="text localize" data-value="SPREADSPARKLINE">@sparklineDialog.sparklineExType.values.spread@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image fa fa-check"></div>
<div class="text localize" data-value="STACKEDSPARKLINE">@sparklineDialog.sparklineExType.values.stacked@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image fa fa-check"></div>
<div class="text localize" data-value="BULLETSPARKLINE">@sparklineDialog.sparklineExType.values.bullet@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image fa fa-check"></div>
<div class="text localize" data-value="HBARSPARKLINE">@sparklineDialog.sparklineExType.values.hbar@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image fa fa-check"></div>
<div class="text localize" data-value="VBARSPARKLINE">@sparklineDialog.sparklineExType.values.vbar@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image fa fa-check"></div>
<div class="text localize" data-value="VARISPARKLINE">@sparklineDialog.sparklineExType.values.variance@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image fa fa-check"></div>
<div class="text localize" data-value="BOXPLOTSPARKLINE">@sparklineDialog.sparklineExType.values.boxplot@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image fa fa-check"></div>
<div class="text localize" data-value="CASCADESPARKLINE">@sparklineDialog.sparklineExType.values.cascade@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image fa fa-check"></div>
<div class="text localize" data-value="PARETOSPARKLINE">@sparklineDialog.sparklineExType.values.pareto@</div>
<div class="shortcut"></div>
</div>
</div>
<div class="insp-menu" role="menu" id="zoomList">
<div class="menu-item">
<div class="image fa fa-check"></div>
<div class="text localize" data-value="0.25">@toolBar.zoom.zoomOption.twentyFivePercentSize@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image fa fa-check"></div>
<div class="text localize" data-value="0.5">@toolBar.zoom.zoomOption.fiftyPercentSize@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image fa fa-check"></div>
<div class="text localize" data-value="0.75">@toolBar.zoom.zoomOption.seventyFivePercentSize@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image fa fa-check"></div>
<div class="text localize" data-value="1">@toolBar.zoom.zoomOption.defaultSize@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image fa fa-check"></div>
<div class="text localize" data-value="1.25">@toolBar.zoom.zoomOption.oneHundredTwentyFivePercentSize@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image fa fa-check"></div>
<div class="text localize" data-value="1.5">@toolBar.zoom.zoomOption.oneHundredFiftyPercentSize@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image fa fa-check"></div>
<div class="text localize" data-value="2">@toolBar.zoom.zoomOption.twoHundredPercentSize@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image fa fa-check"></div>
<div class="text localize" data-value="3">@toolBar.zoom.zoomOption.threeHundredPercentSize@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image fa fa-check"></div>
<div class="text localize" data-value="4">@toolBar.zoom.zoomOption.fourHundredPercentSize@</div>
<div class="shortcut"></div>
</div>
</div>
<div class="insp-menu" role="menu" id="orientationList">
<div class="menu-item">
<div class="image fa fa-check"></div>
<div class="text localize" data-value="0">@sparklineExTab.orientation.vertical@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image fa fa-check"></div>
<div class="text localize" data-value="1">@sparklineExTab.orientation.horizontal@</div>
<div class="shortcut"></div>
</div>
</div>
<div class="insp-menu" role="menu" id="textOrientationList">
<div class="menu-item">
<div class="image fa fa-check"></div>
<div class="text localize" data-value="1">@sparklineExTab.orientation.vertical@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image fa fa-check"></div>
<div class="text localize" data-value="0">@sparklineExTab.orientation.horizontal@</div>
<div class="shortcut"></div>
</div>
</div>
<div class="insp-menu" role="menu" id="emptyCellDisplayTypeList">
<div class="menu-item">
<div class="image fa fa-check"></div>
<div class="text localize" data-value="0">@sparklineExTab.emptyCellDisplayType.gaps@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image fa fa-check"></div>
<div class="text localize" data-value="1">@sparklineExTab.emptyCellDisplayType.zero@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image fa fa-check"></div>
<div class="text localize" data-value="2">@sparklineExTab.emptyCellDisplayType.connect@</div>
<div class="shortcut"></div>
</div>
</div>
<div class="insp-menu" role="menu" id="axisTypeList">
<div class="menu-item">
<div class="image fa fa-check"></div>
<div class="text localize" data-value="individual">@sparklineExTab.axisType.individual@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image fa fa-check"></div>
<div class="text localize" data-value="custom">@sparklineExTab.axisType.custom@</div>
<div class="shortcut"></div>
</div>
</div>
<div class="insp-menu" role="menu" id="boxplotClassList">
<div class="menu-item">
<div class="image fa fa-check"></div>
<div class="text localize" data-value="5ns">@sparklineExTab.boxplotClass.fiveNS@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image fa fa-check"></div>
<div class="text localize" data-value="7ns">@sparklineExTab.boxplotClass.sevenNS@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image fa fa-check"></div>
<div class="text localize" data-value="tukey">@sparklineExTab.boxplotClass.tukey@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image fa fa-check"></div>
<div class="text localize" data-value="bowley">@sparklineExTab.boxplotClass.bowley@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image fa fa-check"></div>
<div class="text localize" data-value="sigma3">@sparklineExTab.boxplotClass.sigma@</div>
<div class="shortcut"></div>
</div>
</div>
<div class="insp-menu" role="menu" id="boxplotSparklineStyleList">
<div class="menu-item">
<div class="image fa fa-check"></div>
<div class="text localize" data-value="0">@sparklineExTab.boxplotStyle.classical@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image fa fa-check"></div>
<div class="text localize" data-value="1">@sparklineExTab.boxplotStyle.neo@</div>
<div class="shortcut"></div>
</div>
</div>
<div class="insp-menu" role="menu" id="paretoLabelList">
<div class="menu-item">
<div class="image fa fa-check"></div>
<div class="text localize" data-value="0">@sparklineExTab.paretoLabel.none@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image fa fa-check"></div>
<div class="text localize" data-value="2">@sparklineExTab.paretoLabel.single@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image fa fa-check"></div>
<div class="text localize" data-value="1">@sparklineExTab.paretoLabel.cumulated@</div>
<div class="shortcut"></div>
</div>
</div>
<div class="insp-menu" role="menu" id="spreadSparklineStyleList">
<div class="menu-item">
<div class="image fa fa-check"></div>
<div class="text localize" data-value="1">@sparklineExTab.spreadStyle.stacked@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image fa fa-check"></div>
<div class="text localize" data-value="2">@sparklineExTab.spreadStyle.spread@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image fa fa-check"></div>
<div class="text localize" data-value="3">@sparklineExTab.spreadStyle.jitter@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image fa fa-check"></div>
<div class="text localize" data-value="4">@sparklineExTab.spreadStyle.poles@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image fa fa-check"></div>
<div class="text localize" data-value="5">@sparklineExTab.spreadStyle.stackedDots@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image fa fa-check"></div>
<div class="text localize" data-value="6">@sparklineExTab.spreadStyle.stripe@</div>
<div class="shortcut"></div>
</div>
</div>
<div class="insp-menu" role="menu" id="slicerItemSortingList">
<div class="menu-item">
<div class="image fa fa-check"></div>
<div class="text localize" data-value="0">@slicerTab.general.itemSorting.option.none@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image fa fa-check"></div>
<div class="text localize" data-value="1">@slicerTab.general.itemSorting.option.ascending@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image fa fa-check"></div>
<div class="text localize" data-value="2">@slicerTab.general.itemSorting.option.descending@</div>
<div class="shortcut"></div>
</div>
</div>
<div class="insp-menu" role="menu" id="spreadThemeList">
<div class="menu-item">
<div class="image fa fa-check"></div>
<div class="text localize" data-value="css/gcspread.sheets.9.40.20161.0.css">@spreadTab.spreadTheme.theme.option.spreadJS@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image fa fa-check"></div>
<div class="text localize" data-value="css/gcspread.sheets.excel2013white.9.40.20161.0.css">@spreadTab.spreadTheme.theme.option.excel2013White@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image fa fa-check"></div>
<div class="text localize" data-value="css/gcspread.sheets.excel2013lightGray.9.40.20161.0.css">@spreadTab.spreadTheme.theme.option.excel2013LightGray@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image fa fa-check"></div>
<div class="text localize" data-value="css/gcspread.sheets.excel2013darkGray.9.40.20161.0.css">@spreadTab.spreadTheme.theme.option.excel2013DarkGray@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image fa fa-check"></div>
<div class="text localize" data-value="css/gcspread.sheets.excel2016colorful.9.40.20161.0.css">@spreadTab.spreadTheme.theme.option.excel2016Colorful@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image fa fa-check"></div>
<div class="text localize" data-value="css/gcspread.sheets.excel2016darkGray.9.40.20161.0.css">@spreadTab.spreadTheme.theme.option.excel2016DarkGray@</div>
<div class="shortcut"></div>
</div>
</div>
<div class="insp-menu" role="menu" id="resizeZeroIndicatorList">
<div class="menu-item">
<div class="image fa fa-check"></div>
<div class="text localize" data-value="0">@spreadTab.resizeZeroIndicator.option.defaultValue@</div>
<div class="shortcut"></div>
</div>
<div class="menu-item">
<div class="image fa fa-check"></div>
<div class="text localize" data-value="1">@spreadTab.resizeZeroIndicator.option.enhanced@</div>
<div class="shortcut"></div>
</div>
</div>
<ul id="spreadContextMenu" class="dropdown-menu" role="menu" style="display: none">
<li><a class="localize" data-action="cut">@contextMenu.cutItem@</a></li>
<li><a class="localize" data-action="copy">@contextMenu.copyItem@</a></li>
<li><a class="localize" data-action="paste">@contextMenu.pasteItem@</a></li>
<li class="context-header divider"></li>
<li class="context-header"><a class="localize" data-action="insert">@contextMenu.insertItem@</a></li>
<li class="context-header"><a class="localize" data-action="delete">@contextMenu.deleteItem@</a></li>
<li class="context-cell divider"></li>
<li class="context-cell context-merge"><a class="localize" data-action="merge">@contextMenu.mergeItem@</a></li>
<li class="context-cell context-unmerge"><a class="localize" data-action="unmerge">@contextMenu.unmergeItem@</a></li>
</ul>
<div class="hidden">
<input type="file" name="image" id="fileSelector" />
</div>
<div id="sparklineexdialog" title="SparklineEx" class="hidden">
<div>
<div>
<div class="insp-row">
<div>
<div class="insp-dropdown-list insp-inline-row" data-list-ref="sparklineExTypeList" data-name="sparklineExType" id="sparklineExTypeDropdown">
<div class="title insp-inline-row-item insp-col-6 localize">@sparklineDialog.sparklineExType.title@</div>
<div class="dropdown insp-inline-row-item btn btn-default insp-text-right insp-col-6">
<div style="width: 100%; height: 100%">
<span class="display"></span>
<span class="caret"></span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="group-item-divider"></div>
<div id="lineContainer">
<div>
<div class="insp-row">
<div>
<div class="insp-text insp-inline-row" data-name="txtLineDataRange">
<div class="title insp-inline-row-item insp-col-6 localize">@sparklineDialog.lineSparkline.dataRange@</div>
<input class="editor insp-inline-row-item insp-col-6" type="text">
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<span class="localize" id="dataRangeError">@sparklineDialog.lineSparkline.dataRangeError@</span>
</div>
</div>
<div>
<div class="insp-row">
<span class="localize" id="singleDataRangeError">@sparklineDialog.lineSparkline.singleDataRange@</span>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-text insp-inline-row" data-name="txtLineLocationRange">
<div class="title insp-inline-row-item insp-col-6 localize">@sparklineDialog.lineSparkline.locationRange@</div>
<input class="editor insp-inline-row-item insp-col-6" type="text">
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<span class="localize" id="locationRangeError">@sparklineDialog.lineSparkline.locationRangeError@</span>
</div>
</div>
</div>
<div id="bulletContainer">
<div>
<div class="insp-row">
<div>
<div class="insp-text insp-inline-row" data-name="txtBulletMeasure">
<div class="title insp-inline-row-item insp-col-6 localize">@sparklineDialog.bulletSparkline.measure@</div>
<input class="editor insp-inline-row-item insp-col-6" type="text">
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-text insp-inline-row" data-name="txtBulletTarget">
<div class="title insp-inline-row-item insp-col-6 localize">@sparklineDialog.bulletSparkline.target@</div>
<input class="editor insp-inline-row-item insp-col-6" type="text">
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-text insp-inline-row" data-name="txtBulletMaxi">
<div class="title insp-inline-row-item insp-col-6 localize">@sparklineDialog.bulletSparkline.maxi@</div>
<input class="editor insp-inline-row-item insp-col-6" type="text">
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-text insp-inline-row" data-name="txtBulletGood">
<div class="title insp-inline-row-item insp-col-6 localize">@sparklineDialog.bulletSparkline.good@</div>
<input class="editor insp-inline-row-item insp-col-6" type="text">
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-text insp-inline-row" data-name="txtBulletBad">
<div class="title insp-inline-row-item insp-col-6 localize">@sparklineDialog.bulletSparkline.bad@</div>
<input class="editor insp-inline-row-item insp-col-6" type="text">
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-text insp-inline-row" data-name="txtBulletForecast">
<div class="title insp-inline-row-item insp-col-6 localize">@sparklineDialog.bulletSparkline.forecast@</div>
<input class="editor insp-inline-row-item insp-col-6" type="text">
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-text insp-inline-row" data-name="txtBulletTickunit">
<div class="title insp-inline-row-item insp-col-6 localize">@sparklineDialog.bulletSparkline.tickunit@</div>
<input class="editor insp-inline-row-item insp-col-6" type="text">
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-color-picker insp-inline-row" data-name="colorBulletColorScheme">
<div class="title insp-inline-row-item insp-col-6 localize">@sparklineDialog.bulletSparkline.colorScheme@</div>
<div class="picker insp-inline-row-item insp-col-6">
<div style="width: 100%; height: 100%">
<div class="color-view " style="background-color: rgb(160, 160, 160);"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-checkbox insp-inline-row" data-name="checkboxBulletVertial">
<div class="button insp-inline-row-item"></div>
<div class="text insp-inline-row-item localize">@sparklineDialog.bulletSparkline.vertical@</div>
</div>
</div>
</div>
</div>
</div>
<div id="hbarContainer">
<div>
<div class="insp-row">
<div>
<div class="insp-text insp-inline-row" data-name="txtHbarValue">
<div class="title insp-inline-row-item insp-col-6 localize">@sparklineDialog.hbarSparkline.value@</div>
<input class="editor insp-inline-row-item insp-col-6" type="text">
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-color-picker insp-inline-row" data-name="colorHbarColorScheme">
<div class="title insp-inline-row-item insp-col-6 localize">@sparklineDialog.hbarSparkline.colorScheme@</div>
<div class="picker insp-inline-row-item insp-col-6">
<div style="width: 100%; height: 100%">
<div class="color-view " style="background-color: rgb(160, 160, 160);"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="varianceContainer">
<div>
<div class="insp-row">
<div>
<div class="insp-text insp-inline-row" data-name="txtVariance">
<div class="title insp-inline-row-item insp-col-6 localize">@sparklineDialog.varianceSparkline.variance@</div>
<input class="editor insp-inline-row-item insp-col-6" type="text">
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-text insp-inline-row" data-name="txtVarianceReference">
<div class="title insp-inline-row-item insp-col-6 localize">@sparklineDialog.varianceSparkline.reference@</div>
<input class="editor insp-inline-row-item insp-col-6" type="text">
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-text insp-inline-row" data-name="txtVarianceMini">
<div class="title insp-inline-row-item insp-col-6 localize">@sparklineDialog.varianceSparkline.mini@</div>
<input class="editor insp-inline-row-item insp-col-6" type="text">
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-text insp-inline-row" data-name="txtVarianceMaxi">
<div class="title insp-inline-row-item insp-col-6 localize">@sparklineDialog.varianceSparkline.maxi@</div>
<input class="editor insp-inline-row-item insp-col-6" type="text">
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-text insp-inline-row" data-name="txtVarianceMark">
<div class="title insp-inline-row-item insp-col-6 localize">@sparklineDialog.varianceSparkline.mark@</div>
<input class="editor insp-inline-row-item insp-col-6" type="text">
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-text insp-inline-row" data-name="txtVarianceTickUnit">
<div class="title insp-inline-row-item insp-col-6 localize">@sparklineDialog.varianceSparkline.tickunit@</div>
<input class="editor insp-inline-row-item insp-col-6" type="text">
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-color-picker insp-inline-row" data-name="colorVariancePositive">
<div class="title insp-inline-row-item insp-col-6 localize">@sparklineDialog.varianceSparkline.colorPositive@</div>
<div class="picker insp-inline-row-item insp-col-6">
<div style="width: 100%; height: 100%">
<div class="color-view " style="background-color: rgb(0, 128, 0);"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-color-picker insp-inline-row" data-name="colorVarianceNegative">
<div class="title insp-inline-row-item insp-col-6 localize">@sparklineDialog.varianceSparkline.colorNegative@</div>
<div class="picker insp-inline-row-item insp-col-6">
<div style="width: 100%; height: 100%">
<div class="color-view " style="background-color: rgb(255, 0, 0);"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="insp-row">
<div>
<div class="insp-inline-row">
<div class="insp-checkbox insp-col-6" data-name="checkboxVarianceLegend">
<div class="button insp-inline-row-item"></div>
<div class="text insp-inline-row-item localize">@sparklineDialog.varianceSparkline.legend@</div>
</div>
<div class="insp-checkbox insp-col-6" data-name="checkboxVarianceVertical">
<div class="button insp-inline-row-item"></div>
<div class="text insp-inline-row-item localize">@sparklineDialog.varianceSparkline.vertical@</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="insertslicerdialog" title="Insert Slicer" class="hidden">
<div id="slicer-container">
</div>
</div>
<div class="modal" id="modalTemplate" role="dialog" data-backdrop="false">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title"></h4>
</div>
<div class="modal-body">
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default localize" id="dialogConfirm">@dialog.ok@</button>
<button type="button" class="btn btn-default localize" data-dismiss="modal">@dialog.cancel@</button>
</div>
</div>
</div>
</div>
</body>
</html>
好例子网口号：伸出你的我的手 — 分享！
小贴士
感谢您为本站写下的评论，您的评论对其它用户来说具有重要的参考价值，所以请认真填写。
- 类似“顶”、“沙发”之类没有营养的文字，对勤劳贡献的楼主来说是令人沮丧的反馈信息。
- 相信您也不想看到一排文字/表情墙，所以请不要反馈意义不大的重复字符，也请尽量不要纯表情的回复。
- 提问之前请再仔细看一遍楼主的说明，或许是您遗漏了。
- 请勿到处挖坑绊人、招贴广告。既占空间让人厌烦，又没人会搭理，于人于己都无利。
关于好例子网
本站旨在为广大IT学习爱好者提供一个非营利性互相学习交流分享平台。本站所有资源都可以被免费获取学习研究。本站资源来自网友分享，对搜索内容的合法性不具有预见性、识别性、控制性，仅供学习研究，请务必在下载后24小时内给予删除，不得用于其他任何用途，否则后果自负。基于互联网的特殊性，平台无法对用户传输的作品、信息、内容的权属或合法性、安全性、合规性、真实性、科学性、完整权、有效性等进行实质审查；无论平台是否已进行审查，用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。本站所有资源不代表本站的观点或立场，基于网友分享，根据中国法律《信息网络传播权保护条例》第二十二与二十三条之规定，若资源存在侵权或相关问题请联系本站客服人员，点此联系我们。关于更多版权及免责申明参见 版权及免责申明
网友评论
我要评论