eDrawings WebGL Style Guide - v1.0   
Color Palette Images & Icons Layout Menu Panels Typography
Usage on DS Sites Reference Links

Images and Icons

The icons on eDrawings WebGL are PNG images. Here blow is the table listing out all the icon images on the curront eDrawings WebGL applicaton.

Icon File Name Image Size alt/tilte Value (tooltip) Feature Description Level
Logo_e.png 40x46px n/a Static Logo image on the left side of the header to indicate the product brand. n/a
file_open_g.png 40x40px Upload File Icon image in the header next to the logo image with the current file name on its right side. Clickable contro to popup Window Explorer file directory to upload file. n/a
extend.png 40x40px n/a Clickable control to extend the hidden tab views in the footer. n/a
cross.png 20x20px n/a Clickable control to close the panels and popups. n/a
Icons on the Top Menubar
home_g.png 40x40px Reset Clickable control to reset modal view to the initial default status. 1
play_g.png 40x40px Animation View Clickable control to play modal move in animation. 1
pause_g.png 40x40px Animation View Clickable control to pause modal move in animation. 1
zoom_to_fit_g.png 40x40px Zoom to Fit Clickable control to change zoom-in or zoom-out to make the model fit to the screen. 1
dd_Monitor_g.png 40x40px View Settings Clickable control to show "View Settings" dropdown menu for optional items 1
  ambient_inclusion_g.png 40x40px Ambient Occlusion Clickable control to change model in Ambient Occlusion view 2
  perspective.png 40x40px Perspective Clickable control to change model in Pespertive view 2
dd_Orientation_g.png 40x40px View Orientation Clickable control to show "View Orientation" dropdown menu for optional items 1
  top.png 40x40px Top Clickable control to turn model to show the top side. 2
  left.png 40x40px Left Clickable control to turn model to show the left side. 2
  front.png 40x40px Front Clickable control to turn model to show the front side. 2
  right.png 40x40px Right Clickable control to turn model to show the right side. 2
  back.png 40x40px Back Clickable control to turn model to show the back side. 2
  bottom.png 40x40px Bottom Clickable control to turn model to show the bottom side. 2
  isometric.png 40x40px Isometric Clickable control to turn model to show the isometric side. 2
  sec_normalTo.png 40x40px n/a n/a 2
dd_Display_g.png 40x40px Display Clickable control to show "Display" dropdown menu for optional items 1
  shaded_outlines.png" 40x40px Shadded With Edges Clickable control to show the model in shadded with edges. 2
  shaded.png" 40x40px Shadded Clickable control to show the model in shadded. 2
  hlrr.png" 40x40px Hidden Lines Removed Clickable control to show the model with hidden lines removed. 2
  hlrv.png" 40x40px Hidden Lines Visible Clickable control to show the model with hidden lines visible. 2
  wireframe.png" 40x40px Wireframe Clickable control to show the model in wireframe mode. 2
webgl_FullScreen_g.png 40x40px Fullscreen Clickable control to change view to fullscreen mode. 1
webgl_Restore_g.png 40x40px Fullscreen Clickable control to cancel fullscreen mode. 1
Icons on the Side Menubar
comp_g.png 40x40px Components Clickable control to show "Component" panel when clicking on it. 1
assembly_hidden.png 40x40px Components Show "Component" in hidden state. n/a
assembly_transparent.png 40x40px Components Show "Component" in transparent state. n/a
  part.png 40x40px n/a Static icon at the left of each data row next to the part name in the openned "Components" panel. n/a
  part_shown.png 40x40px n/a Part icon in shown state. n/a
  part_hidden.png 40x40px n/a Part icon in hidden state. n/a
  part_transparent.png 40x40px n/a Part icon in transparent state. n/a
  option_icon.png 20x20px n/a Clickable control to show/hide a popover to the list of view options. n/a
config_g.png 40x40px Components Clickable control to show "Configuration" panel when clicking on it. 1
  config_active_g.png 40x40px n/a Static icon at the left of each data row next to the "Configuration" name in the openned panel. n/a
explode_g.png 40x40px Components Clickable control to show/hide sliding panel to explode the model in parts. 1
section_g.png 40x40px Section Views Clickable control to show/hide "Section Views" panel. 1
  sec_XY_plane.png 40x40px X/Y Plane Clickable control to display the model in "X/Y Plane" view. 2
  sec_YZ_plane.png 40x40px Y/Z Plane Clickable control to display the model in "Y/Z Plane" view. 2
  sec_XZ_plane.png 40x40px X/Z Plane Clickable control to display the model in "X/Z Plane" view. 2
  sec_flip.png 40x40px Flip Clickable control to flip the model view. 2
  sec_normalTo.png 40x40px n/a Clickable control to change the model in normal "Section View". 2
  Enable Capping 40x40px n/a Clickable control to enable capping of the the model. 2
measure_g.png 40x40px Measure Clickable control to show/hide "Measure" panel. 1
  select_faces_g.png 40x40px Select Face Clickable control to measure the model face. 2
  select_edges_g.png 40x40px Select Edges Clickable control to measure the model edges. 2
  select_vertex_g.png 40x40px Select Vertex Clickable control to select the "Vertex Measurements" mode. 2
  show_XYZ_g.png 40x40px XYZ Measurements Clickable control to select the "XYZ Measurements" mode. 2
  point_to_point_g.png 40x40px Point_to_Point Clickable control to select the "Point_to_Point Measurements" mode. 2
Drawings
sheets_g.png 40x40px Sheets Clickable control to open the "Sheets" Panel. 1
  sheets_active.png 40x40px n/a Static display-only left to the "Sheet" name. 2
  arrow_right.png 16x16px n/a Clickable control pull-down the list view options n/a
  arrow_down.png 16x16px n/a Static display-only left to the "Sheet" name when showing the extended "Sheet" optional item names below the active sheet. n/a
  sheet_item_active_visible.png 40x40px n/a Static display-only left to the "Visible Active Sheet Item" name. n/a
  sheet_item_active_hidden.png 40x40px n/a Sheet item in hidden state. n/a
  sheet_item_inactive_hidden.png 40x40px n/a Sheet item in inactive hidden state. n/a
layers_g.png 40x40px Layers Clickable control to open the "Layers" Panel. 1
Uncategorized Icons
arrow_forward.png 40x40px n/a n/a n/a
arrow_backward.png 40x40px n/a n/a n/a
arrow_forward.png 40x40px n/a n/a n/a
explode_up.png 16x16px n/a n/a n/a
loading.gif 16x16px n/a Animation gif image to indicate model loading. n/a