What is the best way to make just a specific area(s) of a graphic a clickable link?
Hi everyone. What is the best way to make just a specific area(s) of a graphic a clickable link? Say I have a graphic with multiple images and I would like one or more of them to have clickable links to other pages. Designer pro+ latest version. Thanks.
Nancy
1 Attachment(s)
Re: What is the best way to make just a specific area(s) of a graphic a clickable lin
Quote:
Originally Posted by
yellowbird
Hi everyone. What is the best way to make just a specific area(s) of a graphic a clickable link? Say I have a graphic with multiple images and I would like one or more of them to have clickable links to other pages. Designer pro+ latest version. Thanks. Nancy
Nancy, best to set a No Fill shape with a 0px Line width. The shape is outlined in design but invisible on render.
For it to work fully, you must have set Shapes as SVG else you get the link over the entire bounding box.
Attachment 134828
Acorn
Re: What is the best way to make just a specific area(s) of a graphic a clickable lin
Create rectangles to cover the areas you want clickable.
Make the rectangles links.
Add 99% transparency to the rectangles.
Re: What is the best way to make just a specific area(s) of a graphic a clickable lin
Quote:
Nancy, best to set a No Fill shape with a 0px Line width. The shape is outlined in design but invisible on render.
For it to work fully, you must have set Shapes as SVG else you get the link over the entire bounding box.
Chris, isn't that what Acorn said but he also suggests svg's are better as they can be any shape rather than just a rectangle?
Re: What is the best way to make just a specific area(s) of a graphic a clickable lin
Quote:
Originally Posted by
Egg Bramhill
Chris, isn't that what Acorn said but he also suggests svg's are better as they can be any shape rather than just a rectangle?
Reading thoroughly at 5:00 in the afternoon, yes. But at 8:30 this morning, whilst shovelling Rice Bubbles and banana in my face, I thought I was simplifying.
Re: What is the best way to make just a specific area(s) of a graphic a clickable lin
Quote:
But at 8:30 this morning, whilst shovelling Rice Bubbles and banana in my face
Now that's not a particular image I want stuck in my mind for the rest of the day Chris ;)
1 Attachment(s)
Re: What is the best way to make just a specific area(s) of a graphic a clickable lin
Re: What is the best way to make just a specific area(s) of a graphic a clickable lin
Quote:
Originally Posted by
Chris M
Chris, you do have a problem.
Acorn
Re: What is the best way to make just a specific area(s) of a graphic a clickable lin
Love it Chris ;)) I thought you all had corks on your hats.
Re: What is the best way to make just a specific area(s) of a graphic a clickable lin
Thanks Acorn! This is exactly what I want. I couldn't get it to work with a certain graphic,figured out it was because it was a sticky graphic. After I made the shape sticky as well, worked fine.
Nancy
Re: What is the best way to make just a specific area(s) of a graphic a clickable lin
One more question. Acorn, in your example the shape is outlined in design but invisible on render. My shape is invisible in design as well, so I can't see it. I can access it through the page and layer gallery or dragging around it. There must be a setting I'm missing. Thanks.
Nancy
Re: What is the best way to make just a specific area(s) of a graphic a clickable lin
acorn said use 0px as line width, and that is what you should do, enter 0 in the line width box - if you entered none then that is your issue
none means you don't see anything at all; 0 means no outline in render, buts shows a visible path during design
Re: What is the best way to make just a specific area(s) of a graphic a clickable lin
Quote:
Originally Posted by
handrawn
acorn said use 0px as line width, and that is what you should do, enter 0 in the line width box - if you entered none then that is your issue
none means you don't see anything at all; 0 means no outline in render, buts shows a visible path during design
@handrawn - thanks.
@Nancy, as @handrawn says, 0px shows as a 1px line at whatever scale on the design page only.
The No Fill approach beats the 99% Transparency as that fades out any Line width so it is hard to see the extent of the shape.
The down-side is you can only marquee select a No Fill shape or select it by clicking on its Line.
A 99.5% Transparency is also very hard to catch; a 99% Transparency Black can just be seen.
Acorn
Re: What is the best way to make just a specific area(s) of a graphic a clickable lin
Quote:
Originally Posted by
Acorn
0px shows as a 1px line at whatever scale on the design page only.
Today was a learning day.
Re: What is the best way to make just a specific area(s) of a graphic a clickable lin
Thanks handrawn and Acorn. Idid have the line width set to none. Thanks for the explanation as well Acorn.
Nancy
Re: What is the best way to make just a specific area(s) of a graphic a clickable lin
@All - For completeness: https://helpandsupport.xara.com/xara...=line%20widths
Quote:
Note: A zero width line is a special case, and should not normally be used. This draws a line one device-pixel wide. The actual size will therefore depend on the device the drawing is displayed on. On a monitor screen one pixel is clearly visible and is never shown anti-aliased. On devices such as printers and particularly on image setters, which have a much higher resolution, the line is almost invisible (zero width lines in imported files are converted to 0.25pt).
Funny how Xara fails to mention zero-width lines do not render. If the result is SVG, you have stroke-width=0. If it is a span Tag, no border attribute is included.
The last bold part is interesting too. This means you end up with a 0.333px Line width.
Acorn