Forum Replies Created

Viewing 15 posts - 1 through 15 (of 68 total)
  • Author
    Posts
  • in reply to: Slider initially changed Slider initially changed #120543

    Pietervk
    Participant

    I found a way to do this. When the slider has already been changed I put a ‘slider-init’ class on the <fieldset> element that I have surrounding the slider.

    Then on document ready, I execute this code to add the ‘slider-set’ class to the changed sliders:

    
     setTimeout(
            function () { // Once the page is generated, find any sliders that have already been done and mark them as done
                $('.slider-init').find('div.jqx-slider-slider').each(function() {
                    $(this).addClass('slider-set');
                });
            },
           1000);
    

    There is a timeout, to ensure that the slider script has been executed. Not sure if this is the best way, but it works.

    in reply to: Slider value 0 grey Slider value 0 grey #120470

    Pietervk
    Participant

    Never mind, it was in my CSS

    in reply to: Slider width in percentage Slider width in percentage #120468

    Pietervk
    Participant

    Many thx!

    in reply to: Slider width in percentage Slider width in percentage #115271

    Pietervk
    Participant

    Hi Peter,
    with CSS does not work.
    The width property is an Int, so 80 means 80px I presume, not 80%. The slider has all kind of divs, where the size is fixed, and it seems calculated based on the overall size.

    To make it a percentage, I assume you have to get the browser size, then calculate the width and use that.

    Thanks

    Pieter


    Pietervk
    Participant

    I see the interface has more functionality compared to where I got the example from. It can be simplified to:

    
    var cellActiveEpdclass =  function (row,column, value, data) {
    //highlight when the api has retrieved a finished result or doc
    if (row === -1) return "";
    if (data.Finished && data.Epd) {
    return "jqx-checkbox-green-checked";
    }
    return "";
    };
    

    Pietervk
    Participant

    Often asking the question precisely leads to the answer 🙂

    I needed to change the css to:
    .jqx-checkbox-green-checked .jqx-checkbox-check-checked {
    background: transparent url(images/check_green.png) center center no-repeat !important;
    }

    in reply to: Save the filter Save the filter #107341

    Pietervk
    Participant

    Hi Hristo,
    I am using the jQuery version, could that be different?

    Before creating the example, can you confirm that autosavestate should create an entry in Local Storage after changing the sort or filter?

    • This reply was modified 2 years, 9 months ago by  Pietervk.
    in reply to: Save the filter Save the filter #107315

    Pietervk
    Participant

    Hi Hristo,
    thanks for that. I am using virtual mode. Does autoloadstate/autosavestate work with virtual mode? I tried it in my solution, but the state is not saved after sorting or filtering.

    Pieter

    in reply to: Date Filter gets reversed Date Filter gets reversed #107113

    Pietervk
    Participant

    Thanks, it works!

    in reply to: Date Filter gets reversed Date Filter gets reversed #107007

    Pietervk
    Participant

    Thanks Peter, I have subscribed to that issue.

    Pieter

    in reply to: Date Filter gets reversed Date Filter gets reversed #106998

    Pietervk
    Participant

    Hi Peter,
    Yes it has: <script type=”text/javascript” src=”https://www.jqwidgets.com/jquery-widgets-demo/jqwidgets/globalization/globalize.js”></script>

    This is the list I use in my own project.
    “jq/jqxcore.js”,
    “jq/jqxbuttons.js”,
    “jq/jqxdropdownlist.js”,
    “jq/jqxdatetimeinput.js”,
    “jq/jqxcalendar.js”,
    “jq/jqxgrid.js”,
    “jq/jqxgrid.pager.js”,
    “jq/jqxgrid.selection.js”,
    “jq/jqxgrid.sort.js”,
    “jq/jqxgrid.filter.js”,
    “jq/jqxgrid.columnsresize.js”,
    “jq/jqxdata.js”,
    “jq/jqxcheckbox.js”,
    “jq/jqxmenu.js”,
    “jq/jqxlistbox.js”,
    “jq/jqxscrollbar.js”,
    “jq/jqxtooltip.js”,
    “jq/jqxtabs.js”,
    “jq/jqxexpander.js”,
    “jq/jqxdragdrop.js”,
    “jq/jqxcombobox.js”,
    “jq/globalize.js”,
    “jq/globalize.culture.nl-NL.js”

    Thanks,
    Pieter

    in reply to: Date Filter gets reversed Date Filter gets reversed #106952

    Pietervk
    Participant

    Hi Peter,
    thanks for your help. The filtering is executed on the server. But the problem is in the filtering datetimeinput of the grid itself. Pressing the hamburger menu of the grid datetime column, and selecting a date, to filter works. But when I click it again to change the date, it shows the date in US notation, so with month and day reversed compared to NL notation.

    I have modified a demo to show the effect here: https://jsfiddle.net/petitbarzun/L8f5m6ru/
    Filter on the order date. When you sort descending, and then filter on less than 3-9-2019, notice you get the dates as expected. When you click on the hamburger menu on the column again, notice that the date has changed to 9-3-2019. If you now click filter again, notice that the new date gets applied as the filter. If you select a day > 12, for example 21-9-2019, filter and click the menu again, you now get NaN-NaN-0NaN as date.

    Kind regards

    Pieter

    in reply to: Axe Accessibility Test Axe Accessibility Test #105904

    Pietervk
    Participant

    Hi Peter,
    many thanks.

    Pieter


    Pietervk
    Participant

    Thanks Hristo,
    this looks like what I want, except that I want to only show the checkboxes when the user starts the bulk delete action. Also the solution is rather complex to maintain.

    I still suggest this for standard behavior of the grid with selectionmode=checkbox, or at least an option on the column checkbox setting “ColumnCheckBoxPageOnly=True” or something like that. Alternatively have a new selectionmode, selectionmode=checkboxpageonly. Can you suggest this to the development team?

    Pieter


    Pietervk
    Participant

    The solution mentioned does not work in my case, I want to dynamically switch to the checkbox mode when deleting items.

    To be honest, I think there is nothing philosophical about UI design. When you use the checkbox to enable deletion, it should not delete everything. Perhaps there are other use cases where you want that, although I find it hard to find one.

Viewing 15 posts - 1 through 15 (of 68 total)