Data Grid customization

  • vims_lt
    Asked on February 10, 2020 at 5:58 PM

    1. How can I translate all the text of Data Grid? Like "Show" and "Showing 1 to 10 of ... entries".

    2. How to change the default value of the number of rows that are being displayed?

    3. Also can I add text near the Search field? To label it as search area.

    1581375246Capture Screenshot 10

  • Kevin Support Team Lead
    Replied on February 10, 2020 at 10:21 PM

    I will be performing some tests in order to see if it's possible to apply the changes you require. I will get back to you as soon as possible. 

  • Kevin Support Team Lead
    Replied on February 10, 2020 at 10:45 PM

    Upon performing some tests I was able to apply the following customization:

    - 3. Also can I add text near the Search field? To label it as search area.

    - The translation of the first "Show" word. 

    To achieve that, please inject the following CSS code: 

    #BootstrapDable_header span {

     font-size: 0;

    }

     #BootstrapDable_header div:nth-child(1) span:before{

         content: "Test";

         font-size: 14px;

         padding-right: 5px;

         

     }

     #BootstrapDable_header div:nth-child(2) span:before{

         content: "Search";

         font-size: 14px;

         padding-right: 5px;

     }

    This guide will help you injecting the code to the widget: https://www.jotform.com/help/428-How-to-Inject-CSS-Codes-to-Widgets 

    Unfortunately, it's not possible to translate the rest nor show more than ten entries at the same time, I'm however opening feature requests for those requests through the following threads: 

    https://www.jotform.com/answers/2156961

    https://www.jotform.com/answers/2156960

    Thanks. 

  • vims_lt
    Replied on February 11, 2020 at 2:49 AM

    Thank you Kevin.