Maximo Open Forum

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

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

Thank you Stevie!

I will try it :)

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

Original Message:
Sent: 07-25-2024 09:22
From: Stevie Holloway
Subject: Can I freeze Applications' List View headers?

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