How to fit single block per browser view and require mouse or spacebar to move to the next block?

Doug G.
131 Posts
Doug G. posted this 10 September 2019
Ask a Question

I would think each block is viewed a 'single page' in a browser. This has eluded me so far. Is there some setting I can use? Mine only shows about 3/4 of the landing page, then half of the following block after pressing the spacebar, then the other half and a portion of the footer.

Is there any way around this?

I would think each block is viewed a 'single page' in a browser. This has eluded me so far. Is there some setting I can use? Mine only shows about 3/4 of the landing page, then half of the following block after pressing the spacebar, then the other half and a portion of the footer. Is there any way around this?
Vote to pay developers attention to this features or issue.
5 Replies
Order By: Standard | Newest
Support Team
Support Team posted this 11 September 2019

Doug,

Unfortunately, we do not fully understand what you are trying to do. Can you please show us examples?

Thank you!

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

Doug, Unfortunately, we do not fully understand what you are trying to do. Can you please show us examples? Thank you! ................................................... 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
dan1924
16 Posts
dan1924 posted this 25 September 2020

I'm having the same issue as Doug. If I understand his question, he wants to make sure each section of the page (one page website) is fitted in a screen viewable port. like a slide show, an hero banner to occupied the full screen no matter size the device screen (laptop, mobile, desktop, tv monitor) before the scroll starts.

I'm having the same issue as Doug. If I understand his question, he wants to make sure each section of the page (one page website) is fitted in a screen viewable port. like a slide show, an hero banner to occupied the full screen no matter size the device screen (laptop, mobile, desktop, tv monitor) before the scroll starts.
Doug G.
131 Posts
Doug G. posted this 25 September 2020

In theory it is possible to do. Here is a section from this article as when it was introduced in CSS 2 (We are in CSS 3 now) showing the code and html tags that make it possible.

Fullscreen Background Images or Sections
It’s very common to set background images on elements that fully cover the screen. Similarly, you may want to design a website where each individual section about a product or service has to cover the entire screen. In such cases, you can set the width of the respective elements to be equal to 100% and set their height equal to 100vh.

So it doable, but I've crawled through the page source at the existing CSS and used the Inspect option (right click on area to inspect, with the Developer tools enabled on the Extensions page in the upper right) and cannot select any element that only applies to the block section. It can also be enabled if a single image fills the block by adding a height and width parameter to the body section defining the image and the results are not what you would expect. The footer now overlaps a section of the block. So some attention can be directed to make this possible to mimic sites that do only display one set of info at a time.

In theory it is possible to do. Here is a section from this [article][1] as when it was introduced in CSS 2 (We are in CSS 3 now) showing the code and html tags that make it possible. > Fullscreen Background Images or Sections It’s very common to set background images on elements that fully cover the screen. Similarly, you may want to design a website where each individual section about a product or service has to cover the entire screen. In such cases, you can set the width of the respective elements to be equal to 100% and set their height equal to 100vh. So it doable, but I've crawled through the page source at the existing CSS and used the Inspect option (right click on area to inspect, with the Developer tools enabled on the Extensions page in the upper right) and cannot select any element that only applies to the block section. It can also be enabled if a single image fills the block by adding a height and width parameter to the body section defining the image and the results are not what you would expect. The footer now overlaps a section of the block. So some attention can be directed to make this possible to mimic sites that do only display one set of info at a time. [1]:https://www.sitepoint.com/css-viewport-units-quick-start/
Support Team
Support Team posted this 28 September 2020

Doug,

Unfortunately, this is not yet implemented, and we do not have a work around for now. We have added your request to our wish list.

...................................................
Sincerely,
Allen R.
Nicepage Support Team

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

Doug, Unfortunately, this is not yet implemented, and we do not have a work around for now. We have added your request to our wish list. ................................................... Sincerely, Allen R. Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
mjen
3 Posts
mjen posted this 27 April 2022

Im woting for this to happend!

Im woting for this to happend!
You must log in or register to leave comments