Maximo Open Forum

 View Only
  • 1.  Can I freeze Applications' List View headers?

    Posted 07-24-2024 09:11

    Hi Maximo Community,

    Usually the list view displays more records that can be fit on one screen (I noticed that 20 will be the max in a decent size), therefore the need to scroll down, but when you scroll the headers of your result set disappear from your view. Is there a way to freeze them on your view? similar to when you freeze top row in excel.  

    I appreciate any tip 


    #EverythingMaximo

    ------------------------------
    erika mazza
    Region of Durham
    ------------------------------


  • 2.  RE: Can I freeze Applications' List View headers?

    Posted 07-25-2024 09:23

    You might try this:

    ·  Locate the stylesheet:

    • You need to modify the stylesheet associated with the application. Typically, this can be found in the applications/maximo/maximouiweb/webmodule/webclient/css directory.

    ·  Edit the CSS:

    • Open the stylesheet in a text editor and add the following CSS to create a fixed header for the List tab:

    css

    Copy code

    .fixed-header {

        position: sticky;

        top: 0;

        background-color: #fff; /* Adjust as needed */

        z-index: 1000; /* Ensure it stays on top */

    }

    ·  Apply the class to the header:

    • You need to apply the fixed-header class to the header elements in your List tab. This requires modifying the XML file associated with your application.
    • Locate the XML file in the applications/maximo/properties directory.

    ·  Modify the XML:

    • Open the XML file and find the table headers in the List tab section. Add the fixed-header class to the header elements. For example:

    xml

    Copy code

    <table>

        <thead>

            <tr class="fixed-header">

                <th>Column 1</th>

                <th>Column 2</th>

                <!-- Add other columns as needed -->

            </tr>

        </thead>

        <tbody>

            <!-- Table rows -->

        </tbody>

    </table>

    ·  Deploy and test:

    • Save your changes and deploy the modified files. Clear the cache and reload the application to see the changes.



    ------------------------------
    Stevie Holloway
    Tufts University
    ------------------------------



  • 3.  RE: Can I freeze Applications' List View headers?

    Posted 07-26-2024 08:57

    Thank you Stevie!

    I will try it :)



    ------------------------------
    erika mazza
    Region of Durham
    ------------------------------