[ivanpeevskiParticipant]

Hi khawanz,

Thank you for the additional information. In this case, please have a look at this fiddle: https://jsfiddle.net/vqmy8ksd/2/
It applies custom CSS class that disables the jqxGrid content and headers, but leaves the Select All Checkbox enabled.

I hope this will be of help!
Best Regards,
Ivan Peevski
jQWidgets team
https://www.jqwidgets.com

[ivanpeevskiParticipant]

Hello ajcs,

When using other widgets inside jqxTabs, you should initialize them inside the initTabContent property. It represents a function that is called only when a tab is opened for the first time.

I have edited your fiddle here: https://jsfiddle.net/nzo0twxf/1/

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]

Hello morosos,

We are aware of an issue where the widget is not properly destroyed and some detached nodes remain in the memory.
I have created a work item related to this and we will work on fixing it as soon as possible!

In the meantime, you can have a look at the angular destroy method in the demo here:
https://stackblitz.com/edit/github-a5f9we-ux1ogf?file=src%2Fapp%2Fapp.component.ts

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]

Hello ajcs,

Unfortunately, I am not able to reproduce this issue.
In the demo here, you can see that the scrollbar appears in all 3 jqxTextAreas.

If the issue continues, please share part of the code, so that we find the cause of the problem.

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]

Hello Serdar,

This functionality is not natively supported by our Grid component, however it is possible to create a workaround solution.
You can use the groupsrenderer grid property to modify the HTML of the group row
Please have a look at the demo here: https://jsfiddle.net/x1rsvtgb/1/

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 alnajar85,

As you can see in our Angular Knob API, you can use the value() method to get the value of the knob, for example:
console.log(this.myKnob.value());

You can also have a look at this demo, based on the code you provided us: Stackblitz demo

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

[ivanpeevskiParticipant]

Hi markos111,

Thank you for contacting us!
Unfortunately, I couldn’t replicate your issue, but I created this demo based on the information you gave us:
https://jseditor.io/?key=jqwidgets-tabs-template-ver-2

Please let me know if this demo works for you!
If you have any other questions, do not hesitate to contact us again.
Best regards,
Ivan Peevski
jQWidgets Team
https://www.jqwidgets.com

[ivanpeevskiParticipant]

Hi khawanz,

The disabled property disables the entire Grid, including the checkboxes.
However it is possible to disable only specific rows, please have a look at the demo here: https://jsfiddle.net/evbm5p64/7/

By changing the elements in the rowsToDisable array, you can disable rows on specific indexes.

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 antonomase,

The jqxFileUpload component has its own hidden form element so that it can upload the attached files and nesting it inside other form elements is not recommended.
I suggest putting the jqxFileUpload outside the form. Then if you wish to upload the files at the same time as the form, you can use the onsubmit JS event.
You can have a look at the fiddle here: https://jsfiddle.net/mwakhdj7/6/

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 Kamp,

Unfortunately, I am not able to reproduce your issue. In the demo below, I have set text color and background color to the first column and I don’t receive any errors in Excel 2019.
https://stackblitz.com/edit/github-a5f9we?file=src%2Fapp%2Fapp.component.ts
Please let me know if you receive an error when exporting the demo grid from the above demo.

If the problem continues, you can also share your Excel version and the css you are applying, so that we can help you fix the problem.
Best Regards,
Ivan Peevski
jQWidgets team
https://www.jqwidgets.com

[ivanpeevskiParticipant]

Hi antonomase,

Thank you for reporting the problem. It seems that jqxWindow breaks with Jquery versions newer than jQuery Core 3.1.1
We will investigate the problem and fix the issue as soon as possible.
In the sandbox you send us, you can replace the jQuery script with the following script:
<script src="https://code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous"></script>
The jqxWindow will now collapse. Have a looked at the forked version of your sandbox here: https://codesandbox.io/s/elastic-bhaskara-u0q1z?file=/withgrid.html

Apologies for the inconvenience.
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 ptvspw,

As you can see in our documentation here, jqxGrid is already in compliance with the Web Content Accessibility Guidelines. Our components offer Keyboard Support, Right-To-Left Languages Support, built-in WAI-ARIA Support and a High Contrast theme.
Grids, which do not implement table elements(th, td, tr), can still be in compliance with the WCAG(upon which RGAA is based). If you are interested, you may read more in the official guidelines

In any case, if tabular structure is part of your requirements, you can use our jqxDataTable component, which is based on table, tr, rd… native elements.

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]

Hello ptvspw,

Although this functionality is not natively supported, it is still possible to adjust the grid’s behavior.
Please have a look at the demo below for an implementation in Angular. The implementation is inside the ngAfterViewInit() event:
https://stackblitz.com/edit/github-hhx5ny?file=src%2Fapp%2Fapp.component.ts for the code
https://github-hhx5ny.stackblitz.io/ for a preview in the browser
The functionality works with the “Zoom Text Only” extension mentioned in the post.

I hope this will be of help!
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 Warren,

This functionality is not natively supported by the component, but it is possible to create this behavior with a custom function.
Please, have a look at the DynamicAlignment() function in the demo below. It should receive the id of the DropDownList element. The function is called every time the user scrolls the page.
https://stackblitz.com/edit/jquery-gnvuef?file=index.html
Please note that in the demo above, in some cases the list will still be off screen due to the site’s header and footer, which cannot be calculated. The function should work as intended inside your project.

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]

Hello Chris,

The problem comes from the way the Date object works in JavaScript. What you see in the browser is the date according to your local timezone, the difference in the day comes from the Date object, which converts the date from your local timezone to the UCT Timezone and then transfers it to Excel.

I suggest storing your dates in format, which clearly states the timezone offset.
For example, the following date 2020-04-30T21:00:00.000Z will be displayed as 2020-04-30 23:00:00 in the browser if the difference between your timezone and UCT is 2 hours. When you export the table, you will export the original 2020-04-30 21:00:00
If you want your browser to display the UCT Time without applying your local timezone, you can manipulate the date column with cellsRenderer:

cellsRenderer: function (row, column, value, rowData) {
    let date = new Date(value);
    date.setMinutes(date.getMinutes()+date.getTimezoneOffset())
    return new Intl.DateTimeFormat('de', {timeStyle: "medium",dateStyle: "medium"}).format(date)
}

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

[Author]

Posts