

I like to do a series of test images to make sure the final images will look good. Now that you have created your links and updated all the views, it’s time to start saving the SVG files. Once loaded online or tested locally (I recommend Chrome), everything should work seamless as long as they are in the same root directory. These links get created inside of the SVG files when the vector image files are created. For example, from the main menu I will create a link from the battery pack hotspot to the ‘battery_pack.svg.’ We will be creating these files in the next step when exporting the svg files themselves. Now here is the secret sauce: instead of linking to the VIEW itself, you will link it to SVG file that will be created from that view. So essentially, drilling down from the top level, to sub assemblies, to exploded views to finally the final part. For this type of content, a link from our defined hotspots for assemblies and parts for exploded views to the appropriate view is all we need. Links can be created FROM just about anything TO just about anything. This gets us to the second step, creating the links. Home, back, forward, different views, anything that might add to the navigation can all be done in 2D image format and added to your image library from the Workshops.
#Xdesign style and formatting guide pro
Pro tip: Grab common icons to compliment what Composer comes with in the installation. This is also a good opportunity to add any supporting images to the views that you are capturing. Show Selection and Hide Others All Part, Assembly and Sub-Assembly Views Add Web Buttons Some instances, the interactive BOM is enough, in others you may want to go the extra step down to the single part.

Really what we are trying to accomplish in this first step is taking a snapshot of each sub-assembly and then each part if you want to provide that much depth to your end user. Then just snapshot the view and move back to the explode view to repeat this process. Start by right clicking on a part from the sub assembly exploded view and selecting the ‘Show Selection and Hide Others’ will get you there in one step. It’s a pretty quick process to build views for each individual part from the exploded views you have created. Interactive BOM/Parts List BOM Properties I generally size up the text, change the style to parametric and add some shading to the table itself, but really it comes down to user preference. ALWAYS enable BOM highlighting to get the feedback between the exploded view and the actual table. Of course, these all have custom properties worth playing around to give a nice final look, so spend some time familiarizing yourself with these.

It’s a simple process so might as well attach one to each exploded view you create. Often with more simplified sub-assemblies this will be enough to address finding the appropriate part, especially with an interactive Bill of Materials created. Using the transform tools, it’s easy to create an exploded view. I selected the battery pack from this assembly and create another view (the links to connect the views will be added in the second step so you don’t have to worry about that right now). Assigning Sub-assembly Hotspots Hotspot Properties I also recommend renaming these hotspots to be descriptive of the sub-assembly, these callouts are visible on the tooltip when hovering over. Each hotspot can have its own unique color by locating the hotspot and overriding the default color option. Determine how you plan to break up your assemblies to easily navigate. Hot spots can be really handy for selecting sub-assemblies from the top level assembly that will be the starting point. Let’s take a look of these for steps a little closer starting with capturing your interactive images in SOLIDWORKS Composer. The process of creating Interactive content really comes down to 4 simple steps: This blog post will walk you through the four steps to create these interactive images from your CAD data. Seriously, who has that on hand?! Luckily, SOLIDWORKS Composer has an easy way to generate interactive 2D web content that can help probe into assemblies to perfectly identify these parts (check out these examples). Calling up customer service and trying to decipher exactly what widget you are attempting to order can be next to impossible without having the unique SKU or Part Number needed.

Finding a replacement part can often be a hassle, even for the simplest of products.
