Can this be done with Xara Designer Pro X?

[rhdpre]

Can this be done with Xara Designer Pro X?

I'm looking at Xara Web Galery and have I seen this page www.paulbennett-artist.com with the texts adapting to the width of the browser?

Can be done? Is there any tutorial?

[Acorn]

Can this be done with Xara Designer Pro X?
I'm looking at Xara Web Galery and have I seen this page www.paulbennett-artist.com with the texts adapting to the width of the browser?
Can be done? Is there any tutorial?

No, it can't. The site is not a Xara-designed site. It is adaptive and is using an HTML DIV that scales with the browser width.

I say it cannot be done in Xara but it could, at a cost. The problem is the images.

Now I could include CSS code similar to:
<style>
#mememe {
min-width: 200px;
max-width: 500px;
width: 50vw;
}
</style>
to tweak the DIV holding the text but I would also need to override the current width with JavaScript. The hard work Xara has done with Repel text under all goes away and leaves a lot more bespoke coding.

As an effect is it clunky and becomes tiresome.
Xara's compromise is a reactive site that uses Variant, in which the designer controls the presentation not the viewer; especially important for an artist's site.

Potentially, Xara may be looking into adaptive solutions anyhow...

Acorn

[Egg Bramhill]

Potentially, Xara may be looking into adaptive solutions anyhow...

Possibly they are Acorn.

I agree re the repel text under but I think they're getting there.

HERE'S my best shot at it

[rhdpre]

No, it can't. The site is not a Xara-designed site. It is adaptive and is using an HTML DIV that scales with the browser width.

I say it cannot be done in Xara but it could, at a cost. The problem is the images.

Now I could include CSS code similar to:
<style>
#mememe {
min-width: 200px;
max-width: 500px;
width: 50vw;
}
</style>
to tweak the DIV holding the text but I would also need to override the current width with JavaScript. The hard work Xara has done with Repel text under all goes away and leaves a lot more bespoke coding.

As an effect is it clunky and becomes tiresome.
Xara's compromise is a reactive site that uses Variant, in which the designer controls the presentation not the viewer; especially important for an artist's site.

Potentially, Xara may be looking into adaptive solutions anyhow...

Acorn

Ok..thanks

[Acorn]

Possibly they are Acorn.
I agree re the repel text under but I think they're getting there.
HERE'S my best shot at it

Egg, I appreciate the effort but to be clear all this is doing is scaling the page so it is not really comparable.

It is actually a better presentation and the OP can do it far, far more easily.

Acorn

[Egg Bramhill]

Hi Acorn, completely baffled here. The OP's original question was:

... with the texts adapting to the width of the browser?

Doesn't my demo do exactly that? Not only the text but the images.

... all this is doing is scaling the page so it is not really comparable

In what way?

[Acorn]

Egg, OP gave an example site. That did not scale the text, only the container.
A different mechanism is in place.

Acorn

[Egg Bramhill]

Ah! Thanks for the clarification Acorn.