Apply InteractiveSVG data to objects
You can create interactive effects in SVG files that you export from Corel DESIGNER by assigning interactive-ids to objects and specifying one or more object behaviors. For example, when you hover over an object, it can change its fill, outline color, outline width, or transparency. You can also hide and show objects to create alternative views in the exported SVG file.
Applying InteractiveSVG data can help you create online spare parts pages. For more information, see Create interactive SVG graphics for online spare parts pages.
InteractiveSVG data can’t be applied to groups of objects, objects that use thick and thin lines, and projected shapes such as threads, wells, cylinders, and prisms.
To apply InteractiveSVG data to an object
1
Do one of the following:
•
Select an object or a callout.
•
Select a table row or column by dragging across the cells with the
Table tool
.
•
Select a table cell in the
Objects docker (
Window 
Objects).
2
In the
Object Data docker (
Window Object Data), choose
InteractiveSVG from the list box.
If you don’t see any object data in the
Object Data docker, click the
Show/Hide Data button
and the
Show Active Fields Only button
.
3
To apply an interactive-id, enable the
interactive-id check box. Select the entire row, click in the
Value column, and enter a text value.
If multiple objects share the same interactive-id, they all change when you interact with one of the objects. For example, when a callout and a table cell share the same interactive-id and you point to the callout in the SVG file, both the callout and the table cell will change.
4
Perform at least one task from the following table.
|
|
|
Specify an object’s fill color on mouseover in the exported file |
Enable the mouseover-fill check box. Click twice in the Value column, and type the hex (hexadecimal) number of the color (for example, #FF7700). • If an object cannot be filled, no effect is applied. |
Specify an object’s outline color on mouseover in the exported file |
Enable the mouseover-outline-color check box. Click twice in the Value column, and type the hex (hexadecimal) number of the color (for example, #FF7700). • If the object does not have an outline, no effect is applied. |
Change an object’s outline width on mouseover in the exported file |
Enable the mouseover-outline-width check box. Click twice in the Value column, and type a value. |
Change the object’s transparency on mouseover in the exported file |
Enable the mouseover-transparency check box. Click twice in the Value column, and type a value from 0 to 100. • A value of 0 doesn’t change the transparency of the object; a value of 100 makes the object fully transparent. • Higher transparency values are useful when you want to show what is underneath the object in the exported SVG file. |
Hide or show an object on mouseover in the exported SVG file |
Enable the mouseover-visibility check box. In the Value column, click twice, and type show or hide. • If an object is already visible, show will have no effect in the exported file. • Hide makes any mouseover fill, outline color, outline width, and transparency values irrelevant because the object is hidden from view altogether. |
For interactive effects to work in the exported SVG file, you must enable the Use Object Data check box in the SVG Export dialog box. For information about how to export a drawing to SVG, see To export a Scalable Vector Graphics file.
Name, Cost, and Comments are data fields that are automatically generated by Corel DESIGNER.
The apsid data field is related to CGM hotspots.