<p>This is a typical page that has two buttons in the header bar that open panels. The left button opens a left menu with the reveal display mode. The right button opens a form in a right overlay panel.</p>
<divclass="ui-grid-a">
<divclass="ui-block-a"><strong>I'm Block A</strong> and text inside will wrap
<divid="main"></div>
</div>
<divclass="ui-block-b"><strong>I'm Block B</strong> and text inside will wrap
<p>Since the panel links are in the top bar, there really isn't a need for the fixed positioning feature on the panel since you will always be scrolled to the top of the page. The fixed positioning impacts animation smoothness so it's off in this demo
(
<code>data-position-fixed="false"</code>) and the panel will scroll with the page.</p>
<p>To make this responsive, the left panel stays open and causes the page to re-flow at wider widths. This allows both the menu and page to be used together when more space is available. This behavior is controlled by CSS media queries. You can create
a custom one for a specific breakpoint or use the breakpoint preset by adding the <code> class="ui-responsive-panel"</code> to the page container.</p>
<li><aonclick="sheetInstance.controlFactory.addRow(null, null, ':last'); return false;"title="Adds an additional row to bottom of the spreadsheet.">Add Row</a></li>
<li><aonclick="sheetInstance.controlFactory.addRowMulti(); return false;"title="Adds an additional rows to bottom of the spreadsheet.">Add Multi-Rows</a></li>
<li><aonclick="sheetInstance.deleteRow(); return false;"title="Delets the current row thats highlighted.">Delete Row</a></li>
<li><aonclick="sheetInstance.controlFactory.addRow(null, true); return false;"title="Inserts an additional row after currently selected row.">Insert Row Before</a></li>
<li><aonclick="sheetInstance.controlFactory.addRow(); return false;"title="Inserts an additional row after currently selected row.">Insert Row After</a></li>
<!--<li><a onclick="sheetInstance.toggleHide.rowAll();" title="Unhides all the hidden rows.">Show All</a></li>
<li><a onclick="sheetInstance.toggleHide.row();" title="Hides or shows the currently selected row.">Toggle Hide Row</a></li>-->
</ul>
</li>
<li>
<amenu="menuEditColumn_menuInstance">Column</a>
<ul>
<li><aonclick="sheetInstance.controlFactory.addColumn(null, null, ':last'); return false;"title="Adds an additional column to the right of the spreadsheet.">Add Column</a></li>
<li><aonclick="sheetInstance.controlFactory.addColumnMulti(); return false;"title="Adds an additional columns to the right of the spreadsheet.">Add Multi-Columns</a></li>
<li><aonclick="sheetInstance.deleteColumn(); return false;"title="Deletes the current column thats highlighted.">Delete Column</a></li>
<li><aonclick="sheetInstance.controlFactory.addColumn(null, true); return false;"title="Inserts an additional column after currently selected column.">Insert Column Before</a></li>
<li><aonclick="sheetInstance.controlFactory.addColumn(); return false;"title="Inserts an additional column after currently selected column.">Insert Column After</a></li>
<li><aonclick="sheetInstance.fillUpOrDown(); return false;"title="Fill down current cell value.">Fill Down</a></li>
<li><aonclick="sheetInstance.fillUpOrDown(true); return false;"title="Fill up current cell value.">Fill Up</a></li>
<!--<li><a onclick="sheetInstance.toggleHide.columnAll();" title="Unhides all the hidden columns.">Show All</a></li>
<li><a onclick="sheetInstance.toggleHide.column();" title="Hides or shows the currently selected column.">Toggle Hide Column</a></li>-->
</ul>
</li>
<li>
<amenu="menuEditSheet_menuInstance">Sheet</a>
<ul>
<li><aonclick="sheetInstance.addSheet(); return false;"title="Add new spreadsheet.">Add Spreadsheet</a></li>
<li><aonclick="sheetInstance.deleteSheet(); return false;"title="Delete the current spreadsheet.">Delete Spreadsheet</a></li>
<li><aonclick="sheetInstance.calc(); return false;"title="Recompiles the current sheet">Refresh Calculations</a></li>
<li><aonclick="sheetInstance.sheetTitle(); return false;"title="Change the title of the sheet.">Title</a></li>
<li><aonclick="sheetInstance.viewSource(true); return false;"title="Shows the HTML that makes up the current spreadsheet.">Pretty Source</a></li>
<li><aonclick="sheetInstance.viewSource(false); return false;"title="Shows the compact HTML that makes up the current spreadsheet.">Compact Source</a></li>
<li><atitle="Returns the absolute value of a number">ABS()</a></li>
<li><atitle="Returns a rounded number">AVG(), AVERAGE()</a></li>
<li><atitle="Returns a number rounded up based on a multiple of significance">CEILING()</a></li>
<li><atitle="Counts the number of cells that contain a value">COUNT()</a></li>
<li><atitle="Counts full days from a specific date - format(YYYY,MM,DD)">DAYSFROM()</a></li>
<li><atitle="Converts a number to text, using a currency format - options(number, decimals, symbol)">DOLLAR()</a></li>
<li><atitle="Returns a logical value of FALSE">FALSE()</a></li>
<li><atitle="Returns a text representation of a number rounded to a specified number of decimal places - options(number, decimals, useCommas)">FIXED()</a></li>
<li><atitle="Returns a number rounded down based on a multiple of significance">FLOOR()</a></li>
<li><atitle="Creates and executes a javascript function. example: FN(alert('Hello World')), this will execute when sheet compiles.">FN()</a></li>
<li><atitle="Returns the integer portion of a number">INT()</a></li>
<li><atitle="Returns the largest value from the numbers provided">MAX()</a></li>
<li><atitle="Returns the smallest value from the numbers provided">MIN()</a></li>
<li><atitle="Converts a value to a number">N()</a></li>
<li><atitle="Gets full date of today">NOW()</a></li>
<li><atitle="Returns the mathematical constant called pi, which is 3.14159265358979">PI()</a></li>
<li><atitle="Returns the result of a number raised to a given power">POWER(x, y)</a></li>
<li><atitle="Returns a random number that is greater than or equal to 0 and less than 1">RAND(), RND()</a></li>
<li><atitle="Returns a number rounded to a specified number of digits">ROUND()</a></li>
<li><atitle="Returns all of the values in each of the specified cells and added together">SUM()</a></li>
<li><atitle="Gets full date of today">TODAY()</a></li>
<li><atitle="Returns a logical value of TRUE">TRUE()</a></li>
<li><atitle="Converts a text value that represents a number to a number">VALUE()</a></li>
</ul>
</li>
<li>
<ahref="#">Chart</a>
<ul>
<li><ahref="#"title="Simple verticle style bar chart.">BARCHART()</a></li>
<li><ahref="#"title="Simple horizontal style bar chart.">HBARCHART()</a></li>
<li><ahref="#"title="Simple line style bar chart.">LINECHART()</a></li>
<li><ahref="#"title="Simple pie style bar chart.">PIECHART()</a></li>
</ul>
</li>
<li>
<ahref="#">Inputs</a>
<ul>
<li><ahref="#">DROPDOWN()</a></li>
<li><ahref="#">RADIO()</a></li>
<li><ahref="#">CHECKBOX()</a></li>
</ul>
</li>
<li>
<ahref="#">Finance</a>
<ul>
<li><ahref="#">COMMINGSOON()</a></li>
</ul>
</li>
<li>
<ahref="#">Advanced Math</a>
<ul>
<li><ahref="#">COMINGSOON()</a></li>
</ul>
</li>
</ul>
</li>
<li><aonclick="sheetInstance.toggleFullScreen();">Toggle Full Screen</a></li>
