jQWidgets Forums

jQuery UI Widgets Forums General Discussions jqxColorPicker – How to hide the numbers?

This topic contains 2 replies, has 2 voices, and was last updated by  sergion 11 years, 11 months ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author

  • sergion
    Participant

    Hello,

    Is there a way to hide those color numbers that appear at the bottom of the colorpicker?  Reading the documentation, I could not figure out a way to do so.

    The site I’m programming is intended to end-users — less is more!

    Thanks in advance and have a nice week,

    Sergio


    Dimitar
    Participant

    Hello Sergio,

    Here is the solution:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <link rel="stylesheet" href="../../jqwidgets/styles/jqx.base.css" type="text/css" />
    <script type="text/javascript" src="../../scripts/jquery-1.8.3.min.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxcore.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxcolorpicker.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxradiobutton.js"></script>
    <script type="text/javascript">
    $(document).ready(function () {
    $("#jqxColorPicker").jqxColorPicker({ width: '250', height: '250' });
    var panel = $("#jqxColorPicker .jqx-color-picker-panel").children();
    $(panel[0]).css("display", "none");
    $(panel[1]).css("display", "none");
    });
    </script>
    </head>
    <body class='default'>
    <div id="jqxColorPicker">
    </div>
    </body>
    </html>

    Best Regards,
    Dimitar

    jQWidgets team
    http://www.jqwidgets.com/


    sergion
    Participant

    Thanks a lot, Dimitar.

    Worked perfectly.

    Regards,

    Sergio

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.