[ivanpeevskiParticipant]

Hi,

Please have a look at the sample sandbox here: codesandbox

Best regards,
Ivan Peevski
jQWidgets Team
https://www.jqwidgets.com/

[ivanpeevskiParticipant]

Hi,

You can use CSS for that, for example:

li[item-label="Frappuccino"]{
font-size:10px;
}

or with JavaScript:
document.querySelector('li[item-label="Frappuccino"]').style.fontSize = "10px"

Best regards,
Ivan Peevski
jQWidgets Team
https://www.jqwidgets.com/

[ivanpeevskiParticipant]

Hi,

Yes, you are right. Since our jqxGrid offers grouping functionality, ‘group’ is a reserved word.
You can replace it with a different phrase or use ‘Group’

Best regards,
Ivan Peevski
jQWidgets Team
https://www.jqwidgets.com/

[ivanpeevskiParticipant]

Hi,

You can use the ‘selected’ Event to get and store the tab indexes. You can use a global array to keep track of them.
Have a look at an example here: https://jsfiddle.net/cuLs0qgf/

Best regards,
Ivan Peevski
jQWidgets Team
https://www.jqwidgets.com/

[ivanpeevskiParticipant]

Hi Vaishnavi,

Please have a look at the example here: https://jsfiddle.net/vtfuqsd9/
The format “dd/MM/yyyy” is not valid for the Date() object.
You should use the ISO standard “yyyy-MM-dd” or pass them the values as parameters like this: new Date(2012, 11, 01) //-> results in 01/12/2012

Best regards,
Ivan Peevski
jQWidgets Team
https://www.jqwidgets.com/

[ivanpeevskiParticipant]

Hi Pavan,

In our jqxGrid Demos page, we have a “Virtual Paging” demo. It uses the rendergridrows property which gives you the start and end index of the page.
Have a look at the demo here: https://www.jqwidgets.com/jquery-widgets-demo/demos/jqxgrid/virtualdata.htm?arctic

Best Regards,
Ivan Peevski
jQWidgets Team
https://www.jqwidgets.com/

[ivanpeevskiParticipant]

Hi,

You can take the eventID variable outside the scope of the ‘select’ Event. In this way it will be accessible by all functions(including initWidgets):

        $(document).ready(function () {
            //create the variable beforehand, it will be available to all functions
            var eventID;
            
            var initEvents = (function () {
                var initEventGrid1 = function (eventID) {
                    var source = { ... };
                    var dataadapter = new $.jqx.dataAdapter(source);
                    $("#jqxEventGrid1").jqxGrid({ ... });
                }

                var initEventGrid2 = function (eventID) {
                    var source = { ... };
                    var dataadapter = new $.jqx.dataAdapter(source);
                    $("#jqxEventGrid2").jqxGrid({ ... });
                }

                var initWidgets = function (tab) {
                    switch (tab) {
                        case 0:
                            initEventGrid1(eventID);
                            break;
                        case 1:
                            initEventGrid2(eventID);
                            break;
                    }
                }

              return {
                  init: function (eventID) {
                      $('#jqxTabs').jqxTabs({
                          width:  968,
                          initTabContent: initWidgets
                      });
                  }
              };
            } ());

            $("#jqxcombobox").jqxComboBox(
                {
                    source: cbDataAdapter,
                    width: 200,
                    height: 25,
                    selectedIndex: 0,
                    displayMember: 'EventDate',
                    valueMember: 'EventID'
                });
            $("#jqxcombobox").bind('select', function(event)
                {
                    //Only updates eventId
                    eventID = event.args.item.value;
                    initEvents.init(eventID);
                }); 
        });

Best Regards,
Ivan Peevski
jQWidgets Team
https://www.jqwidgets.com/

[ivanpeevskiParticipant]

Hi fabriceb,

Thank you for the detailed feedback regarding our documentation.
What Peter Stoev meant was that importing jQuery is not necessary since all required functions are contained inside of the .js files of a widget component.
It is fine to import jQuery if you plan to use it anywhere else in your project. But there is no point in importing it just for jqwidets, since our components are standalone. jQuery was necessary for our products before, but for more recent versions it is not the case anymore.

The warnings you are seeing are connected to some of the functions that are contained inside of the .js files

I hope this makes it more clear!
If you have any other questions, please do not hesitate to contact us again
Best regards,
Ivan Peevski
jQWidgets Team
https://www.jqwidgets.com/

[ivanpeevskiParticipant]

Hi nove,

There is no specific option, but you can apply the following code after initializing the widget:

document.querySelector('#layout').parentElement.addEventListener('keyup', function (event) {
    if(event.key == "Delete"){
    event.stopPropagation();
    }
}, true); 

#layout should be set to the id of the jqxSplitLayout

Best Regards,
Ivan Peevski
jQWidgets team
https://www.jqwidgets.com

[ivanpeevskiParticipant]

Hi Sparity,

Totalrecords represents the total number of records loaded in the grid and is not supposed to be updated.
Here you can see an example of a jqxgrid in virtualmode, which uses the totalrecords property: https://jsfiddle.net/jqwidgets/j8JUh/

Best Regards,
Ivan Peevski
jQWidgets Team
https://www.jqwidgets.com/

[ivanpeevskiParticipant]

Hi Jürgen,

Thank you for reporting the problem.
I confirmed the issue and we will fix it as soon as possible.

—
Update: The problem is now resolved. You can update jqwidgets-ng to test the jqxSplitLayout widget.

If you face any other problems, please do not hesitate to contact us again.
Best regards,
Ivan Peevski
jQWidgets Team
https://www.jqwidgets.com

[ivanpeevskiParticipant]

Hi nove,

Thank you for reporting reporting the problem. I have created a work item and we will work on fixing it as soon as possible.

As a workaround, you can try using a different date format such as: cellsformat: 'd' or cellsformat: 'dd-MM-yyyy'

Best Regards,
Ivan Peevski
jQWidgets Team
https://www.jqwidgets.com/

[ivanpeevskiParticipant]

Hi Aviv,

Unfortunately we don’t currently support this functionality.
As a workaround, you can have a look at this example, which will automatically scroll to the current time when the scheduler is loaded.

You can also consider the scheduler in our new product line, Smart UI, which supports current time indicator: Smart Scheduler

Best regards,
Ivan Peevski
jQWidgets Team
https://www.jqwidgets.com

[ivanpeevskiParticipant]

Hello Rene,

Please have a look at the example here on how to transfer the image into the Editor: https://jsfiddle.net/L4dqrfpy/

Unfortunately inserting at cursor position is currently not supported. On the other hand, we support Drag&Drop functionality so users can drag and place the image into the Editor wherever they like.

Best Regards,
Ivan Peevski
jQWidgets team
https://www.jqwidgets.com

[ivanpeevskiParticipant]

Hi javinavarrete63,

You can set it dynamically by changing the localization object.
Please have a look at the demo here: https://jsfiddle.net/5b1jzfun/1/

Best regards,
Ivan Peevski
jQWidgets Team
https://www.jqwidgets.com

[Author]

Posts