</ iframe > </noscript> <!-- End Google Tag Manager (noscript) --> <div id="BeforeHeaderContent"> </div> <div id="HeaderContent"> <div id="ProjectTitle">ComponentOne Sizer 8.0</div> <div id="PageTitle"><div id="PageTitleText">The Grid Context Menu</div></div> </div> <div id="AfterHeaderContent"> <!-- Spacing --> <span id="ToggleAllSectionsLink" class="FunctionLink"> <label id="CollapseAllLabel">Collapse All</label> <label id="ExpandAllLabel" style="display: none;">Expand All</label> </span> </div> <div class="BreadcrumbsContainer"><table><tr><td> <a href="thec1elasticcontrol.html">The C1Elastic Control</a> > <a href="usingthegridmode.html">Using the Grid Mode</a> > The Grid Context Menu</td></tr></table></div> <div id="BodyContent"> <p>Each grid row and column has a set of properties that govern its run time behavior. To edit these properties, press and hold the control and shift keys, then click on a division.</p> <p>You will see the Grid context menu, which looks like this:<br> <img border="0" alt="" src="ImagesExt/image7_29.png" width="135" height="98"></p> <p>Depending on which row or column you click, certain options might be disabled. The menu has five options:</p> <h3>Fixed Spacing</h3> <p>This option toggles the Fixed Spacing status of the row or column that was clicked. By default, Fixed Spacing is off, which means that the row or column is resized proportionally whenever the control is resized.</p> <p>If you set Fixed Spacing to true, then the row or column retains its size when the control is resized.</p> <p>Rows and columns with fixed spacing are indicated visually at design time by red padlock icons.</p> <h3>Splitter</h3> <p>This option toggles the Splitter status of the row or column that was clicked. By default, Splitter is off.</p> <p>If you set Splitter to true, then the user will be able to move that grid element at run time, thereby resizing controls on the form. The range of each splitter is determined by the adjacent rows.</p> <p>Splitter rows and columns are indicated visually at design time by gray bars.</p> <h3>Insert Division</h3> <p>This option inserts a division to the right or below the division that was clicked.</p> <h3>Delete Division</h3> <p>This option deletes the division that was clicked.</p> <h3>Clean up Grid</h3> <p>This option removes all grid divisions that do not have any controls bound to them. The main use for this option is when you start your design with a dense grid, for flexibility, and then wish to remove the extra divisions that are not being used.</p> <a name="seealsobookmark"></a> </div> <div id="FooterContent"> <p> </p><p> </p><hr style="height: 1px"><p>Copyright (c) <script type="text/javascript"> var theDate=new Date() document.write(theDate.getFullYear()) </script> GrapeCity, inc. All rights reserved. <script> $(document).ready(function() { if (!(window.self !== window.top)) { // Not running in a frameset // Get the page name var pageName = location.href.substring(location.href.lastIndexOf("/") + 1); if (pageName.indexOf("#") != -1) { pageName = pageName.substring(0, pageName.indexOf("#")); } // Append to webframe.html var framePage = "webframe.html#" + pageName; location.href = framePage; } }); </script></p> <a target="_blank" href="http://our.componentone.com/groups/">Product Support Forum</a> | <a target="_blank" href="http://feedback.componentone.com/forums/255792-activex-documentation">Documentation Feedback</a> </div> </body> </html>