THE DATA TABLE SCROLL OF THE DROPTABLES COMPONENT IS ABOVE THE HEADING OF THE NICEPAGE MENU IN JOOMLA.

etorres
99 Posts
etorres posted this 28 July 2022
Report a bug

Best regard,

I'm having problems displaying the table of the droptables component, which works in scroll mode, on the Nicepage (joomla) blog. When scrolling the blog down, the droptables table gets in the way above the Nicepage (joomla) blog menu header. (See image 1 and 2).

Please, we request you to help us to fix frontend view in correct way, as it is an important tool for us to embed Joomla component (Droptables) in our Joomla blogs.

We send the URLs, where the mentioned is happening:

https://www.sisewe.com/mtic/index.php/registros-en-linea/inscripciones

https://www.sisewe.com/mtic/index.php/registros-en-linea/encuestas

The images are attached.

We appreciate your prompt and valuable attention.

Best regard, I'm having problems displaying the table of the droptables component, which works in scroll mode, on the Nicepage (joomla) blog. When scrolling the blog down, the droptables table gets in the way above the Nicepage (joomla) blog menu header. (See image 1 and 2). Please, we request you to help us to fix frontend view in correct way, as it is an important tool for us to embed Joomla component (Droptables) in our Joomla blogs. **We send the URLs, where the mentioned is happening:** https://www.sisewe.com/mtic/index.php/registros-en-linea/inscripciones https://www.sisewe.com/mtic/index.php/registros-en-linea/encuestas The images are attached. We appreciate your prompt and valuable attention.
scroll
IMAGEN-1.png
IMAGEN-2.png
Vote to pay developers attention to this features or issue.
4 Replies
Order By: Standard | Newest
Support Team
Support Team posted this 28 July 2022

Hi Edwin,

Your tables component is using the higher z-index than the theme and that is causing the issue. Please add this code in the Site Settings >> CSS tab:

.u-header {
    z-index: 100!important;
}

...................................................
Sincerely,
Hella
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hi Edwin, Your tables component is using the higher z-index than the theme and that is causing the issue. Please add this code in the Site Settings >> CSS tab: .u-header { z-index: 100!important; } ................................................... Sincerely, Hella Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
etorres
99 Posts
etorres posted this 28 July 2022

Best regards,

I entered the CSS code you gave me, in the online Nicepage configuration site, but it does not cause any effect, the interface problem persists (see imager error1 and error2).

Please guide me now what to do.

Best regards, I entered the CSS code you gave me, in the online Nicepage configuration site, but it does not cause any effect, the interface problem persists (see imager error1 and error2). Please guide me now what to do.
ERROR1.png
ERROR2.png
Support Team
Support Team posted this 29 July 2022

Hi Edwin,

Please try to clear your site cache. Then if it does not help, try to add the code into the desktop application and then export the new theme again to your site.

...................................................
Sincerely,
Hella
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hi Edwin, Please try to clear your site cache. Then if it does not help, try to add the code into the desktop application and then export the new theme again to your site. ................................................... Sincerely, Hella Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
etorres
99 Posts
etorres posted this 29 July 2022

Solved with the last procedure you informed us.

Important: You must incorporate the code internally in Nicepage Desktop, mentioned by you:

.u-header {
z-index: 100!important;
}

to apply to all templates that are created from 0 with Nicepage Desktop.

Please do not forget, because every time you create a new template, we will have the same problem with those who use the Joomla component (Dropfiles).

Thank you.

Solved with the last procedure you informed us. Important: You must incorporate the code internally in Nicepage Desktop, mentioned by you: .u-header { z-index: 100!important; } to apply to all templates that are created from 0 with Nicepage Desktop. Please do not forget, because every time you create a new template, we will have the same problem with those who use the Joomla component (Dropfiles). Thank you.

Last edited 29 July 2022 by etorres

You must log in or register to leave comments

Company
Product
Themes & Templates
Nicepage
Web Design