</ iframe > </noscript> <!-- End Google Tag Manager (noscript) --> <div id="BeforeHeaderContent"> </div> <div id="HeaderContent"> <!--DXMETADATA start type="Literal" condition="communityenabled" value="%%scrap:name=_COMMUNITY_RATING%%" --><!--DXMETADATA end --> <!--DXMETADATA start type="LogoImage" --><!--DXMETADATA end--> <div id="ProjectTitle"><!--DXMETADATA start type="ProjectTitle" -->Extended Library for WPF and Silverlight<!--DXMETADATA end--></div> <div id="PageTitle"><div id="PageTitleText"><!--DXMETADATA start type="ItemTitle" -->C1HexColorBox<!--DXMETADATA end--></div></div> </div> <div id="AfterHeaderContent"> <!-- Spacing --> <span id="ToggleAllSectionsLink" class="FunctionLink"> <label id="CollapseAllLabel"><!--DXMETADATA start type="Phrase" name="COLLAPSE_ALL" -->Collapse All<!--DXMETADATA end--></label> <label id="ExpandAllLabel" style="display: none;"><!--DXMETADATA start type="Phrase" name="EXPAND_ALL" -->Expand All<!--DXMETADATA end--></label> </span><!--DXMETADATA start type="Literal" condition="communityenabled" value="%%scrap:name=_COMMUNITY_DROPDOWN%%" --><!--DXMETADATA end --> </div> <!--DXMETADATA start type="Breadcrumbs" scrap="_BREADCRUMBS" --><div class="BreadcrumbsContainer"><table><tr><td> <a href="ColorPicker.html">ColorPicker</a> > <a href="ColorPickerFeatures.html">ColorPicker Features</a> > <a href="AdditionalControls.html">Additional Controls</a> > C1HexColorBox</td></tr></table></div><!--DXMETADATA end --> <div id="BodyContent"> <!--DXMETADATA start type="TopicSection" name="BodyText"--><p style='MARGIN: 0.15in 0in 0.7pt; mso-style-name: "Heading 4 Reference"'> </p> <p class="MsoBodyText">The <a href="C1.WPF.Extended.4~C1.WPF.Extended.C1HexColorBox.html">C1HexColorBox</a> control provides data validation for hexadecimal code entries. For example the basic <span class="LinkClass"><strong>C1HexColorBox</strong></span> control appears similar to the following image:</p> <p class="MsoBodyText"> </p> <p class="MsoBodyText"><img border="0" alt="" src="WPFDocuments/Graphics/ColorPicker/Narrative/C1HexColorBox.png"></p> <p class="MsoBodyText"> </p> <p class="MsoBodyText">The <span class="LinkClass"><strong>C1HexColorBox</strong></span> control appears similar to a regular text box. By default, the <span class="LinkClass"><strong>C1HexColorBox</strong></span> control appears with eight digits. If eight digits are visible, the first two digits represent the color's transparency ranging from FF (opaque) to 00 (transparent) and the last six digits represent standard hexadecimal color selection. For more information about hexadecimal color selection, see <a href="http://www.w3schools.com/HTML/html_colors.asp" target="_blank">w3schools</a>.</p> <p class="MsoBodyText">Note that if the <a href="C1.WPF.Extended.4~C1.WPF.Extended.C1ColorPicker~ShowAlphaChannel.html">C1ColorPicker.ShowAlphaChannel</a> property is set to <b>False</b>, only the last six digits will be visible (no transparency value will be included):</p> <p class="MsoBodyText"> </p> <p class="MsoBodyText"><img border="0" alt="" src="WPFDocuments/Graphics/ColorPicker/Narrative/HexNoAlpha.png"></p> <p class="MsoBodyText"> </p> <p class="MsoBodyText">You can also, if you choose, choose to display a '#' symbol to the start of the <span class="LinkClass"><strong>C1HexColorBox</strong></span> control by setting the <a href="C1.WPF.Extended.4~C1.WPF.Extended.C1HexColorBox~ShowSharpPrefix.html">C1HexColorBox.ShowSharpPrefix</a> property to <b>True</b>:</p> <p class="MsoBodyText"> </p> <p class="MsoBodyText"><img border="0" alt="" src="WPFDocuments/Graphics/ColorPicker/Narrative/HexSharp.png"></p> <blockquote style="MARGIN-RIGHT: 0px" dir="ltr"> <p class="MsoNormal"> </p> </blockquote><!--DXMETADATA end--> <a name="seealsobookmark"></a> <!--DXMETADATA start type="FilteredItemList" scrap="CATEGORISED_LINKS" namespace="linkcategory" source="Item" filter="" NoHeader="True" NoFooter="True" format="%%replaceinquotes:value=false%%%%scrap:name=_COLLAPSIBLE_HEADER,idprefix=seealso,caption=""%%phrase:name=SeeAlso%%%%designlist:tagidentifier=seealso,itemtype=See Also%%""%%%%filtereditemlist%%</div>"--><!--DXMETADATA end--> </div> <div id="FooterContent"> <!--DXMETADATA start type="Scrap" condition="communityenabled" name="_COMMUNITY_FOOTER" --><!--DXMETADATA end --> <!--DXMETADATA start type="Variable" name="CopyrightNotice" format="<p> </p><p> </p><hr style=""height: 1px"" /><p>%%variable%%</p>" --><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><!--DXMETADATA end --> <!--DXMETADATA start type="Variable" name="FeedbackLink" format="" --><a target="_blank" href="http://our.componentone.com/groups/">Product Support Forum</a> | <a target="_blank" href="http://feedback.componentone.com/forums/272000-wpf-and-silverlight-documentation">Documentation Feedback</a><!--DXMETADATA end--> </div> </body> </html>