Page 535 - Xara Designer Pro X17

Web Graphics and Websites 535

Adding a Cookie Consent banner
Adding a cookie consent banner to your website is easy.

Most third party applications for creating Cookie consent banners allow you to create and
customize a banner and then generate code for you to paste into the HTML head of your
web document. You can do this using the HTML CODE (HEAD) button on "UTILITIES" > "WEB
PROPERTIES" > "WEBSITE" tab.

Follow the guide at help.xara.com https://help.xara.com/article/446-adding-a-cookie-
consent-banner to learn more.

Resizing widgets
You can resize the placeholder images for Flash, MP4 movies and animated GIFs to
similarly resize the content as it appears on your page, because this type of content is
scalable. Most of the Locally Editable Widgets are also resizable, but some are not and
won’t allow you to drag the resize handles of the placeholder image.

Some Web Editable Widgets will allow you to resize them even though the widget
content won’t scale. For these widgets the placeholder object merely determines the
bounds of the area in which the widget can render, so making the placeholder too small
for the widget will mean that the widget gets cropped in your web page. The placeholder
image gets regenerated whenever you resize it, so it will reflect any cropping of the
widget too, as shown in this example.

Placeholder with default size Placeholder with reduced size
Similarly making the placeholder larger for such widgets will merely result in empty space
around the widget, on the page and in the placeholder image. For widgets like these
which don’t resize correctly when you resize the placeholder, it’s best to stick with the
original default size.

There are some widgets which can be improved by resizing the placeholder, even if the
widget itself doesn’t scale. Some widgets will fill the container into which they are
inserted, which may mean they come out much bigger than required, with blank areas
filling the space. You can experiment by resizing the placeholder for such widgets in
each direction and this may make the widget smaller without losing the key parts of the
widget.

For example this Form widget has rendered much too wide and tall and so there is
wasted space below and to the right of the form controls. Resizing it down doesn’t
change the size of the form controls, it just results in the form being cropped. The result
is a much neater form placeholder taking up much less space on the page.