New Tabs - Beta cannot work in POP-UP windows

ckhosam
6 Posts
ckhosam posted this 06 July 2020
Ask a Question

Dear Sir,

I just find the new tabs in the new update. It is a very nice update. However, It is not working in the POP-UP windows.

I follow your instruction from the following link to create Pop-Up windows:
https://nicepage.com/doc/article/55883/how-to-create-modal-popup

I found the "Tabs" work prefectly when it was a normal block. But it won't work when it become a "POP-UP" windows. Could this problem be solve by modify the code that you provide? If yes, could you please provide it to me?

Best regards,

Sam

Dear Sir, I just find the new tabs in the new update. It is a very nice update. However, It is not working in the POP-UP windows. I follow your instruction from the following link to create Pop-Up windows: https://nicepage.com/doc/article/55883/how-to-create-modal-popup I found the "Tabs" work prefectly when it was a normal block. But it won't work when it become a "POP-UP" windows. Could this problem be solve by modify the code that you provide? If yes, could you please provide it to me? Best regards, Sam
Vote to pay developers attention to this features or issue.
3 Replies
Order By: Standard | Newest
alice.woo
1 Posts
alice.woo posted this 07 July 2020

Hello Team,
I kind of have the same question. I could create a popup following the instructions, however, the popup window can only show either text or image, but not the entire designed block.
Any suggestions?
Thanks,
Alice

Hello Team, I kind of have the same question. I could create a popup following the instructions, however, the popup window can only show either text or image, but not the entire designed block. Any suggestions? Thanks, Alice
Support Team
Support Team posted this 28 July 2020

Sam,

We are sorry for the delayed answer.
Our developers have fixed problems with work Tabs in popup windows.
It will be fixed in the nearest updates of the Nicepage.

For a temporary fix, you can add next code

$('body').on('click', '.u-tab-link', onTabClick);
function onTabClick(event) {
event.preventDefault();
event.stopPropagation();

    var link = $(event.currentTarget);
    var tabsControl = new TabsControl(link);
    tabsControl.show();
}

inside "window.onload = function () {" in Site Settings -> Additional HTML.

So you must get something like this piece of code:

.....
window.onload = function () {
$('body').on('click', '.u-tab-link', onTabClick);

function onTabClick(event) {
    event.preventDefault();
    event.stopPropagation();

    var link = $(event.currentTarget);
    var tabsControl = new TabsControl(link);
    tabsControl.show();
}

....

And after next updates you can remove it.

...................................................
Sincerely,

Nicepage Support Team

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

Sam, We are sorry for the delayed answer. Our developers have fixed problems with work Tabs in popup windows. It will be fixed in the nearest updates of the Nicepage. For a temporary fix, you can add next code <code> $('body').on('click', '.u-tab-link', onTabClick); function onTabClick(event) { event.preventDefault(); event.stopPropagation(); var link = $(event.currentTarget); var tabsControl = new TabsControl(link); tabsControl.show(); } </code> inside "window.onload = function () {" in Site Settings -> Additional HTML. So you must get something like this piece of code: <code> ..... window.onload = function () { $('body').on('click', '.u-tab-link', onTabClick); function onTabClick(event) { event.preventDefault(); event.stopPropagation(); var link = $(event.currentTarget); var tabsControl = new TabsControl(link); tabsControl.show(); } .... </code> And after next updates you can remove it. ................................................... Sincerely, Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
ckhosam
6 Posts
ckhosam posted this 29 July 2020

Hello Team,

The code you gave was prefectly work. Thanks!

Best regards,

Sam

Hello Team, The code you gave was prefectly work. Thanks! Best regards, Sam
You must log in or register to leave comments