Bad rendering of web preview and Online Content Catalogue on 4K displays

**gwpriester** · 08 January 2021, 07:38 PM

My bad. Back to Web Designer chat with this one.

**Acorn** · 08 January 2021, 09:02 PM

Originally Posted by JWellbelove

I got Web Designer Premium to render without corruption by tweaking the High DPI settings from 'System (Enhanced)' to 'System'.

Glad you dvised back on your solution.

Acorn

**JWellbelove** · 09 January 2021, 09:21 AM

I spoke too soon. The scroll bars have now gone missing!

But only on that document?!

Click image for larger version.

Name: Screenshot 2021-01-09 102553.jpg
Views: 50
Size: 40.5 KB
ID: 128641

**Egg Bramhill** · 09 January 2021, 12:11 PM

Try Windows / Bars / Scrollbars

**JWellbelove** · 09 January 2021, 12:32 PM

Thanks. Not quite sure how that got turned off.

On another rendering issue, nav button text is rendered blurry, whilst the other text is sharp.
Is this a 4K issue or am I missing a setting somewhere?

Click image for larger version.

Name: Screenshot 2021-01-09 132754.jpg
Views: 57
Size: 31.5 KB
ID: 128642

Compare it with what I see in Xara.

Click image for larger version.

Name: Screenshot 2021-01-09 133328.jpg
Views: 53
Size: 32.0 KB
ID: 128643

**JWellbelove** · 09 January 2021, 12:40 PM

Compare with a zoomed section of the current website created in WYSIWYG Web Builder

Click image for larger version.

Name: Screenshot 2021-01-09 133918.jpg
Views: 45
Size: 29.7 KB
ID: 128644

**JWellbelove** · 09 January 2021, 01:01 PM

To answer my own question, it seems that navbars are rendered as graphics, including the text!!!!

Is there a way of creating navbars that DO scale correctly?

**Initiostar** · 09 January 2021, 01:33 PM

Originally Posted by JWellbelove

To answer my own question, it seems that navbars are rendered as graphics, including the text!!!!

Is there a way of creating navbars that DO scale correctly?

There are lots of different ways to achieve the outcome, but one of my personal preferences is to create a button from scratch and to give the text label the name of "htmltext"

Click image for larger version.

Name: Xara Standard Button Format.jpg
Views: 49
Size: 43.9 KB
ID: 128645

Have a play with the attached Xara document. The Help manual covers this fairly well, though not the bit about naming the text label.

This is just one way - there are many more.

Gary

**Egg Bramhill** · 09 January 2021, 01:35 PM

There is. Indeed I steer clear of Xara's navbar because of this reason which is made even worse if you use 'scale to fit'.
I attach two xar files, one using Xara's navbar, the second which doesn't create images for buttons.

**JWellbelove** · 09 January 2021, 07:09 PM

Thanks everyone I'll give that a look.

I've been using Xara Photo & Graphic Designer (and it's earlier incarnations) for some years to create the graphics for various things, but for the web I've been using WYSIWYG Web Builder.
It's a pretty good program with loads of features for a small amount of money, but the WYSIWYG doesn't always work as I expect. I've raised some issues over the years with the author, but mostly the reply is "that's the way the framework I use works, so I can't change anything.

Therefore I decided to give Web Designer a go. There's a bit of a learning curve as Web Builder & Web Designer go about things in different ways, and Web Builder has a large amount of built-in widgets that I have yet to figure out if Web Designer has, or if I have to build my own.
In the experiments so far, the WYSIWYG aspect of Web Designer is spot on. Although my web site is just documentation for my open source software library, I want it to look good too.

https://www.etlcpp.com