The scroll bar in the popup window, continuing the theme

chuparskiyroman
4 Posts
chuparskiyroman posted this 18 April 2020
Ask a Question

Hello! I love working on your Nicepadge platform! Thank you for a great tool!!!
I am a designer and do not know how to write code, so I carefully study the capabilities of your Nicepadge editor before buying it, so that later I can work with sites solely as a designer.
Unfortunately, there is no vertical scrolling in popup Windows.

Is it possible to solve this problem?
Can You give me detailed instructions on how to fix the code?
One of your users has already asked this question and managed to solve this problem, but unfortunately they did not share it with others…

Здравствуйте! Очень нравиться работать на вашей платформе Nicepadge! Спасибо вам за отличный инструмент!!!
Я дизайнер и не разбираюсь в написании кода поэтому тщательно изучаю возможности вашего редактора Nicepadge перед его покупкой, чтобы в последствии спокойно работать с сайтами исключительно как дизайнер.
Огорчает отсутствие прокрутки по вертикали у всплывающих окон popup.

Возможно ли решить эту проблему?
Может быть Вы дадите мне подробные инструкции где исправить код?
Один из ваших пользователей уже задавал этот вопрос и ему удалось решить данную проблему, но к сожалению он не поделился ее решением с другими…

Надеюсь на вашу поддержку и заранее благодарю…
I hope for your support and thank you in advance…

Hello! I love working on your Nicepadge platform! Thank you for a great tool!!! I am a designer and do not know how to write code, so I carefully study the capabilities of your Nicepadge editor before buying it, so that later I can work with sites solely as a designer. Unfortunately, there is no vertical scrolling in popup Windows. Is it possible to solve this problem? Can You give me detailed instructions on how to fix the code? One of your users has already asked this question and managed to solve this problem, but unfortunately they did not share it with others… Здравствуйте! Очень нравиться работать на вашей платформе Nicepadge! Спасибо вам за отличный инструмент!!! Я дизайнер и не разбираюсь в написании кода поэтому тщательно изучаю возможности вашего редактора Nicepadge перед его покупкой, чтобы в последствии спокойно работать с сайтами исключительно как дизайнер. Огорчает отсутствие прокрутки по вертикали у всплывающих окон popup. Возможно ли решить эту проблему? Может быть Вы дадите мне подробные инструкции где исправить код? Один из ваших пользователей уже задавал этот вопрос и ему удалось решить данную проблему, но к сожалению он не поделился ее решением с другими… Надеюсь на вашу поддержку и заранее благодарю… I hope for your support and thank you in advance…
Vote to pay developers attention to this features or issue.
3 Replies
Order By: Standard | Newest
aplicacioneswebs
94 Posts
Is Solution
aplicacioneswebs posted this 18 April 2020

Hi friend. Just add this CSS code:

html {
scroll-behavior: smooth;
}

On the other hand, recommending you 100% is a fantastic tool. Is the best.

Hi friend. Just add this CSS code: html { scroll-behavior: smooth; } On the other hand, recommending you 100% is a fantastic tool. Is the best.
chuparskiyroman
4 Posts
chuparskiyroman posted this 18 April 2020

The solution proposed by one of the forum participants ... just the person who was able to solve the problem on his own .... his name is Martin .... Thanks Martin for helping me! ...
I share with you his way to fix the problem of vertical scrolling content in pop-ups windows ....

" I'm no coding expert either, so I can't say whether this is the right way of doing it, but it seems to have worked for me. What I did was edit the code to add" overflow : auto; "to the" .modal - align "and" .modal__container "attributes. This added a scrollbar to the popup window if the contents would extend beyond the visible screen size, but doesn't if the contents would fit anyway. I then changed the ".align-vert, .align-vert.align-center {align-items: center; } "value to" align-items: top; ". I did this because without it the contents were vertically centered in the popup window, which meant that you needed to scroll up to display the cross to close the popup window. As I said, I'm no coding expert, but this seems to have worked.
However, it's possible that there may be a better way of doing it!

Martin "

The solution proposed by one of the forum participants ... just the person who was able to solve the problem on his own .... his name is Martin .... Thanks Martin for helping me! ... I share with you his way to fix the problem of vertical scrolling content in pop-ups windows .... " I'm no coding expert either, so I can't say whether this is the right way of doing it, but it seems to have worked for me. What I did was edit the code to add" overflow : auto; "to the" .modal - align "and" .modal__container "attributes. This added a scrollbar to the popup window if the contents would extend beyond the visible screen size, but doesn't if the contents would fit anyway. I then changed the ".align-vert, .align-vert.align-center {align-items: center; } "value to" align-items: top; ". I did this because without it the contents were vertically centered in the popup window, which meant that you needed to scroll up to display the cross to close the popup window. As I said, I'm no coding expert, but this seems to have worked. However, it's possible that there may be a better way of doing it! Martin "
arthurmloureiro
2 Posts
arthurmloureiro posted this 22 February 2022

Where do you find these variables?

I've been trying to fix the lack of scrollbar on the pop-ups for days and nothing works.

I searched for these variables everywhere in the code and they don't seem to exist.

Where do you find these variables? I've been trying to fix the lack of scrollbar on the pop-ups for days and nothing works. I searched for these variables everywhere in the code and they don't seem to exist.
You must log in or register to leave comments