jQWidgets Forums

Forum Replies Created

Viewing 15 posts - 76 through 90 (of 145 total)
  • Author
    Posts
  • in reply to: Drawing line between two div Drawing line between two div #17709

    support
    Participant

    Hi danielt,

    Unfortunately, you cannot draw a line between div elements using the jqxDragDrop plug-in.

    Best Wishes,
    Mariya

    jQWidgets Team
    http://www.jqwidgets.com

    in reply to: Elements windows do not close Elements windows do not close #17707

    support
    Participant

    Hi GabrieleMartino,

    In order to destroy elements from the jqxWindow, you can use the close event combined with the destroy method. In the following example, you can specify the event and the method for your needs.

    $('#window2').on('close', function (event) {
    //Some code here
    });

    Best Wishes,
    Mariya

    jQWidgets Team
    http://www.jqwidgets.com

    in reply to: How to clear the value? How to clear the value? #17607

    support
    Participant

    Hi dlowery,

    In order to clear the current value in the jqxMaskedInput you can use the clearValue method. Please take a look at the following example in which the method is used with a button(you can use it separately too):

    <!DOCTYPE html>
    <html lang="en">
    <head>
    <link rel="stylesheet" href="../../jqwidgets/styles/jqx.base.css" type="text/css" />
    <script type="text/javascript" src="../../scripts/gettheme.js"></script>
    <script type="text/javascript" src="../../scripts/jquery-1.9.0.min.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxcore.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxmaskedinput.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxbuttons.js"></script>
    <script type="text/javascript">
    $(document).ready(function () {
    var theme = getDemoTheme();
    // Create jqxMaskedInputs
    $("#numericInput").jqxMaskedInput({ width: '250px', height: '25px', theme: theme });
    // add clear button.
    $("#clearButton").jqxButton({ theme: theme });
    // clear all values when the button is clicked.
    $("#clearButton").click(function () {
    $("#numericInput").jqxMaskedInput('clearValue');
    });
    });
    </script>
    </head>
    <body class='default'>
    <div id='jqxWidget' style="font-size: 13px; font-family: Verdana; float: left;">
    <div style='margin-top: 10px;'>
    Numeric</div>
    <div style='margin-top: 3px;' id='numericInput'>
    </div>
    <input style="margin-top: 10px;" type="button" id="clearButton" value="Clear Values" />
    </div>
    </body>
    </html>

    Best Wishes,
    Mariya

    jQWidgets Team
    http://www.jqwidgets.com

    in reply to: Column type heterogeneous Column type heterogeneous #17570

    support
    Participant

    Hi duncanmeech,

    Unfortunately, you cannot have different editors in one grid column.

    Best Wishes,
    Mariya

    jQWidgets Team
    http://www.jqwidgets.com

    in reply to: operate the grid in linux operate the grid in linux #17567

    support
    Participant

    Hi cleotilde,

    We support the following browsers: http://www.jqwidgets.com/jquery-widgets-documentation/documentation/introduction/introduction.htm.
    In addition the jqxGrid works on any operating systems, which uses them.

    Best Wishes,
    Mariya

    jQWidgets Team
    http://www.jqwidgets.com


    support
    Participant

    Hi taraman,

    We are sorry for the inconvenience, but can not reset the year with the backspace in jqxDateTimeInput.

    Best Wishes,
    Mariya

    jQWidgets Team
    http://www.jqwidgets.com


    support
    Participant

    Hi Kamran,

    Unforchantly you can not select multiple values using jqxComboBox when the checkboxes property is set to false. Multiple selection is possible when the checkboxes property is set to true and the jqxCheckBox is included. To select multiple items please take a look at the following example:

    <!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.9.0.min.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxcore.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxdata.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxbuttons.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxscrollbar.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxlistbox.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxcombobox.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxcheckbox.js"></script>
    </head>
    <body>
    <div id='content'>
    <script type="text/javascript">
    $(document).ready(function () {
    var url = "customers.txt";
    // prepare the data
    var source =
    {
    datatype: "json",
    datafields: [
    { name: 'CompanyName' },
    { name: 'ContactName' }
    ],
    id: 'id',
    url: url,
    async: false
    };
    var dataAdapter = new $.jqx.dataAdapter(source);
    // Create a jqxComboBox
    $("#jqxComboBox").jqxComboBox({ checkboxes: true, source: dataAdapter, displayMember: "ContactName", valueMember: "CompanyName", width: 200, height: 25 });
    $("#jqxComboBox").jqxComboBox('checkIndex', 0);
    $("#jqxComboBox").jqxComboBox('checkIndex', 3);
    $("#jqxComboBox").jqxComboBox('checkIndex', 4);
    });
    </script>
    <div>
    <div style='float: left;' id='jqxComboBox'>
    </div>
    <div style="float: left; margin-left: 20px; font-size: 13px; font-family: Verdana;">
    <div id="selectionlog"></div>
    <div style='max-width: 300px; margin-top: 20px;' id="checkedItemsLog"></div>
    </div>
    </div>
    </div>
    </body>
    </html>

    Best Wishes,
    Mariya

    jQWidgets Team
    http://www.jqwidgets.com

    in reply to: feature: moveitem feature: moveitem #16812

    support
    Participant

    Hi ymluria,

    In order to move items in the jqxTree , please take a look at the demo and especially the drag and drop section at: http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxtree/index.htm#demos/jqxtree/dragdrop.htm

    Best Wishes,
    Mariya

    jQWidgets Team
    http://www.jqwidgets.com

    in reply to: how to set the time how to set the time #16805

    support
    Participant

    Hi ryan paul,

    In order to set the time and date separately you can use the formatString property and the setDate method afterwards.Here is an example:

    <!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/gettheme.js"></script>
    <script type="text/javascript" src="../../scripts/jquery-1.9.0.min.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxcore.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxdatetimeinput.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxcalendar.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxtooltip.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxbuttons.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxscrollbar.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxlistbox.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxdropdownlist.js"></script>
    <script type="text/javascript" src="../../jqwidgets/globalization/jquery.global.js"></script>
    </head>
    <body>
    <div id='content'>
    <script type="text/javascript">
    $(document).ready(function () {
    // create a jqxDateTimeInput.
    $("#jqxDateTimeInput").jqxDateTimeInput({ width: '300px', height: '25px', formatString: 'HH:mm' });
    $('#jqxDateTimeInput').jqxDateTimeInput('setDate', new Date(2013, 6, 5, 12, 10, 00, 00));
    });
    </script>
    <div id='jqxDateTimeInput'>
    </div>
    <br />
    </div>
    </body>
    </html>

    Best Wishes,
    Mariya

    jQWidgets Team
    http://www.jqwidgets.com

    in reply to: Reply To: empty value Reply To: empty value #16221

    support
    Participant

    Hi alex,

    The feature is still not supported.

    Best Regards,
    Peter Stoev

    jQWidgets Team
    http://www.jqwidgets.com


    support
    Participant

    Hi gediminas,

    To set a theme to a widget, you need to set its theme property to the theme’s name and include the required CSS file. If you load widgets dynamically, make sure that you set their theme property.

    Best Regards,
    Peter Stoev

    jQWidgets Team
    http://www.jqwidgets.com

    in reply to: Reply To: empty value Reply To: empty value #16218

    support
    Participant

    Hi Alex,

    There is still no way to set null value.

    Best Regards,
    Peter Stoev

    jQWidgets Team
    http://www.jqwidgets.com


    support
    Participant

    Hi,

    You may use the \”initeditor\” callback of the editable column and set the maxlength attribute of the editor, if it is a textbox:
    http://www.w3schools.com/tags/att_input_maxlength.asp

    Best Regards,
    Peter Stoev

    jQWidgets Team
    http://www.jqwidgets.com

    in reply to: Control Distorted or hang Control Distorted or hang #16211

    support
    Participant

    Hi basumrinmoy,

    It depends on you which part of the content you will hide and then show. You may look at the implementation of our Menu samples as an example.

    Best Regards,
    Peter Stoev

    jQWidgets Team
    http://www.jqwidgets.com

    in reply to: Reply To: empty value Reply To: empty value #16210

    support
    Participant

    Hi Alex,

    There is still no such feature.

    Best Regards,
    Peter Stoev

    jQWidgets Team
    http://www.jqwidgets.com

Viewing 15 posts - 76 through 90 (of 145 total)