jQWidgets Forums

Forum Replies Created

Viewing 15 posts - 1 through 15 (of 24 total)
  • Author
    Posts

  • fabriceb
    Participant

    Thanx for your answer,

    but it’s often useful to have some columns with fix size (column with icon or checkbox for example… there’s no need to expand it).

    The workaround of leaving the last column without any width information is perfekt : the last column just resizes to expand to the size of the grid.

    The only problem is this horizontal scrollbar appearing.

    If you could resolve it your grids would just be perfektly adjustable.

    fabriceb


    fabriceb
    Participant

    Hi Borislavov,

    what I mean by badges is that you’ve created the great functionfality of adding badges in column titles for multi column sorting grids.

    Check it on this page :
    https://www.jqwidgets.com/jquery-widgets-demo/demos/jqxgrid/index.htm#demos/jqxgrid/grid-multi-column-sorting.htm

    it werks on your example, with light theme.

    but if you change the theme and select darkblue theme, the badges disappear.

    that’s really annoying that some great functionnalities only exist depending the theme I’ve chosen on my website.

    I’m just asking for implementing a fonctionnality on ALL themes when you create a new functionnality.

    Best regards,

    fabriceb


    fabriceb
    Participant

    Thanx for your answer

    I’ve just given up using light theme.

    but I really need badges in my grids,it only works in light and dark themes for the while… I’m waiting for this great functionnality since monthes on my darkblue theme.

    I’ve already asked few month ago : Do you plan to add badges in all themes ? will it appear in 2022? 2023 ?

    Thanx,

    fabriceb


    fabriceb
    Participant

    Hi

    I respond to myself, after contact with technical support of jqwidgets team.

    in older versions of jqwidgets (13.2 and earlier), The files to extract in the production build package where in subfolder [jqwidgets].

    BUT : in the production build package of release 14, there are now 2 subfolders :
    [jqwidgets] and [jqwidgets-production]

    you must now exctrats files from [jqwidgets-production] instead of [jqwidgets] folder…

    fabriceb


    fabriceb
    Participant

    Hi,

    Don’t waste time with my questions about “how to control multiple text-boxes.
    I used another method to control that, with this code :
    oSai_Commentaire = new Smart.MultilineTextBox(‘#sai_Commentaire’, { rows:5, autoExpand: true, resizable:true, readonly :true, verticalScrollBarVisibility:visible});
    oSai_Commentaire2 = new Smart.MultilineTextBox(‘#sai_Commentaire2’, { rows:5, autoExpand: true, resizable:true, readonly :true, verticalScrollBarVisibility:visible});

    There is still one question :
    I’m a registered user of jqwidgets, so I downloaded smart-ui src code and production version from https://www.jqwidgets.com/clientportal/
    why is the production folder called [smart-webcomponents-trial@14.0.0] ? I should have the released version, not the trial ?

    thanx,

    fabriceb


    fabriceb
    Participant

    Hi,

    I’ve never used smart-ui, I’m quite lost with the way of using these tools.

    I’m a registered user of jqwidgets, so I downloaded smart-ui src code and production version from https://www.jqwidgets.com/clientportal/

    1st question : why is the production folder called [smart-webcomponents-trial@14.0.0] ? I should have the released version, not the trial ?

    2nd question : with your example I deal to change value for 1 multilinetextbox in the page, but How can I work on 2 or more multilinetextboxes in the same page ?

    Here is my code, can you help me to control the 2nd multilinetextbox ?
    I use bootstrap 5, jquery3.6, jquery-ui1.13, jqwidgets14 and smart-ui 14:

    in my HEAD section :
    <head>
    (…)
    <meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″/>
    <!– CSS/JS Bootstrap –>
    <link href=”../commun/libsExternes/bootstrap-5.1.3/css/bootstrap.min.css” rel=”stylesheet” type=”text/css”/>
    <script src=’../commun/libsExternes/bootstrap-5.1.3/js/bootstrap.min.js’></script>

    <!– CSS/JS JQUERY/JQUERYUI –>
    <link href=’../commun/libsExternes/jquery-ui-1.13.1/jquery-ui.min.css’ rel=’stylesheet’ type=’text/css’/>
    <script src=”../commun/libsExternes/jquery/jquery-3.6.0.js”></script>
    <script src=’../commun/libsExternes/jquery-ui-1.13.1/jquery-ui.min.js’></script>

    <!– CSS/JS JQWidgets –>
    <link href=”../commun/libsExternes/jqwidgets/styles/jqx.base.css” rel=”stylesheet” type=”text/css”/>
    <link href=”../commun/libsExternes/jqwidgets/styles/jqx.darkblue.css” rel=”stylesheet” type=”text/css”/>
    <link href=”../commun/libsExternes/jqwidgets/styles/jqx.ui-darkness.css” rel=”stylesheet” type=”text/css”/>

    <script src=”../commun/libsExternes/jqwidgets/jqxcore.js”></script>

    <!– Gestion CSS/JS/SMART-UI –>
    <link rel=”stylesheet” type=”text/css” href=”../commun/libsExternes/smart-ui/styles/smart.default.css” />
    </head>
    <body>
    <div style=”margin-bottom: 15px”>
    <smart-multiline-text-box auto-expand resizable id=”sai_Commentaire1″ value=”test1″></smart-multiline-text-box>
    </div>
    <div style=”margin-bottom: 15px”>
    <smart-multiline-text-box auto-expand resizable id=”sai_Commentaire2″ value=”test2″></smart-multiline-text-box>
    </div>

    <!– Importation des Librairies externes –>
    <script src=”../commun/libsExternes/jqwidgets/jqxscrollbar.js”></script>
    <script src=”../commun/libsExternes/jqwidgets/jqxtextarea.js”></script>

    <script type=”module” src=”../commun/libsExternes/smart-ui/modules/smart.multilinetextbox.js”></script>

    <script type=”text/javascript”>
    $(document).ready(function()
    {
    let oSai_Commentaire;
    let multilinetextbox1, multilinetextbox2;

    initChamps();

    function initChamps()
    {
    multilinetextbox1 = document.querySelector(‘smart-multiline-text-box’);

    multilinetextbox1.value = “Try to add text1”;

    // oSai_Commentaire = document.createElement(‘sai_Commentaire’);
    // oSai_Commentaire = document.querySelector(‘sai_Commentaire’);
    // oSai_Commentaire = $(‘#sai_Commentaire’);
    // oSai_Commentaire.value = “Try to add text2”;
    }
    });
    </script>
    </body>

    many thanks for your help.


    fabriceb
    Participant

    Hi,

    I can’t use this kind of quickfix, I have dozens of textareas with different Ids, It would be messy and time consuming to add CSS style for each ID.

    I tried to force box-sizing: border-box on tag textarea
    textarea {
    box-sizing: border-box;
    }

    and on class jqx-textarea
    .jqx-textarea {
    box-sizing: border-box;
    }

    but it doesn’t work.


    fabriceb
    Participant

    many thanx but I didn’t want separate colors.

    But I found with your suggestion a way to “hack” the template functionnality :
    I will use just ONE color in colorchange, an apply the color of the prefered template depending on the value :

    here is my new fiddle : http://jsfiddle.net/mogador/4jdnf2om/

    hope it can help…

    fabriceb


    fabriceb
    Participant

    Hello,

    Here is another solution :
    on your example your advice is to change CSS like this :
    $(“#scheduler”).on(‘editRecurrenceDialogOpen’, function (event) {

        $('.jqx-window.jqx-popup').css('display', 'none');
    });

    But I’m sometime using jqxschedulers inside of jqxwindows…
    And your solution impacts all the jqxwindows.

    This is now my solution, I hope it will help other users : 

    $("#scheduler").on('editRecurrenceDialogOpen', function(event)
            {
                let idDialog=event.args.dialog[0]['id'];
                $("#"+idDialog).hide();
            });

    fabriceb


    fabriceb
    Participant

    Thanx for this approach. I’ll use that for the while.

    It would be better if the pointer wouldn’t be a “hand” on hover, when the field is disabled.


    fabriceb
    Participant

    Hi Hristo,

    thanks for your great advices.

    your example works, except when you add option : isModal: true,

    in this case you’ll see that menu appears BEHIND the jqxwindow.

    And then you need to add a CSS hack to force z-index.

    here is your example, corrected with css hack in case of modal window :
    https://jsfiddle.net/mogador/rh1pu7mf/5/

    best regards,

    fabriceb


    fabriceb
    Participant

    Many thanx ayrus,

    I’ve already read your post last week, but I didn’t think it would help me.
    and it does !!!

    with your CSS hack and the great advices of Hristo, it solved my problem :
    the example of Hristo works fine, except when you add : isModal: true,
    in this case, your hack helps.

    I never used this special callback “initcontent”, I’ll use it everytime now.

    Here is an example working fine : https://jsfiddle.net/mogador/rh1pu7mf/5/

    NOTE FOR JQWIDGETS TEAM : it works now, but you still need to fix the bug of z-index. even if the jqxwindow is modal, the menu should appear

    fabriceb


    fabriceb
    Participant

    Hello,

    we are now on release 8, but there is still no documentation on the API about “enableMouseWheel”…

    Don’t forget to add it before next release !

    Best regards,

    fabriceb


    fabriceb
    Participant

    Hi rfladebo2 and Peter,

    This is quite late, but there is a new property in JqxNumberInput, which does not appear in documentation :
    enableMouseWheel ==> true by default.

    try this :
    $(“#jqxNumberInput”).jqxNumberInput({
    enableMouseWheel: false
    });


    fabriceb
    Participant

    Hello Safraga,

    on a few jqxgrids properties, I’ve noticed that sometime’s it doesn’t work just because the grid hasn’t finished to be displayed when you call the property or function.
    That’s probably why Peter suggests to call settimeout().

    I had a problem more or less similar with yours, jqwidgets administrators gave me the same advice. It helped me to resolve all the other problems I encounter on jqxgrids.
    Here is an example of the use of a settimeout to change a grid’s property :
    https://www.jqwidgets.com/community/topic/error-when-i-call-setcolumnproperty-on-a-grid-in-a-jgxwindow/

    Best Regards,

    Fabrice

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