Front Page nav question

[Acorn]

Chris, question as always. I’m not understanding the length of the first page. Let’s say the page is w-1000, and length is a hero size, I’ll end up with white space after the image. If the first page is simply one image with text and a button do I stretch that image vertically to let’s say h=1000 or something. Mobile is no problem, but desktop and tablet page height is a problem. Thx

Bill, technically you could make the image the Pasteboard image with no Page background and set it up to fill the browser.

I find this does not work.

My approach for a simple web page:

1. Create a layer - !Cover
2. Put a large image in !Cover:
   
   1. Give it an Image Filename
   2. Select it and add a Link to open the !Cover layer
   3. Hide !Cover
   
   
3. Add the following Website Code Body:

<style>
html {
  background-image: url('index_html_files/music.webp');
  height: 100vh;
  background-size: cover;
}
</style>

Do change the filename to what you have used.

Acorn

[Initiostar]

technically you could make the image the Pasteboard image with no Page background and set it up to fill the browser.

I find this does not work.

Rather frustrating Acorn, it works in v19 but not in the current Pro+ version; somewhat a backwards step and should be flagged to Xara. I discovered this a few days ago; I had to go back to v19 to set the pasteboard and then reopen it in Pro +, which does work, even with 5K screens

[Acorn]

Rather frustrating Acorn, it works in v19 but not in the current Pro+ version; somewhat a backwards step and should be flagged to Xara. I discovered this a few days ago; I had to go back to v19 to set the pasteboard and then reopen it in Pro +, which does work, even with 5K screens

gary, I thought it was me!

Yes, do flag it to Xara.

Acorn

[Chris M]

Chris, question as always. I’m not understanding the length of the first page. Let’s say the page is w-1000, and length is a hero size, I’ll end up with white space after the image. If the first page is simply one image with text and a button do I stretch that image vertically to let’s say h=1000 or something. Mobile is no problem, but desktop and tablet page height is a problem. Thx

Yes, that's exactly what I did. It depends on the picture though, sometimes it crops too much, or you lose something vital.

Make the image stretch to width, resize by dragging the handles down. Make everything a link to the second page. Stretched objects can't have a link, a 99% transparent rectangle on top of the image solves that problem. I put an animation on the road sign when the mouse rolls over because it looks like a button, and I was reinforcing that thought.

[Chris M]

Rather frustrating Acorn, it works in v19 but not in the current Pro+ version

This was my first plan of attack...fill browser window. I thought it was the image. Spent all of 2 seconds wondering, then shrugged and moved on. Your mind is obviously a lot more inquisitive than mine

In a room full of delicate crystals, Gary would tiptoe gracefully through, admiring each wondrous facet. I'd swing the door open, wave my arms around shouting 'coming through, out the way'.