Can this be done with Xara Designer Pro X?

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?

Quote:

---

Originally Posted by 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?

---

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

Quote:

---

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 ;)

Quote:

---

Originally Posted by Acorn

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

Quote:

---

Originally Posted by Egg Bramhill

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

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

Quote:

---

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

---

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

Quote:

---

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

---

In what way?

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

Acorn

Ah! Thanks for the clarification Acorn.