Version 2.0.0.1116 | Shell Build 1.7.0.0

Templates

Templates are now released separately from new versions of Google Web Designer. You can find the template release notes here.

Release notes

A new version of Google Web Designer is available! 6 new feature areas have been implemented, and 127 issues have been fixed as part of this release. Read below for additional details.

Auto update (Internet connection required)

If you have a previous version of Google Web Designer, it will be automatically updated to the latest version.

Important: Google Web Designer requires an Internet connection for this update to occur.

New features since version 1.9.0.0619

Document tab overflow

When you have multiple documents open and the document tabs can't fit into a single row, Google Web Designer now displays additional filenames in an overflow menu instead of in more rows.

Floating panels

You can detach panels and move them anywhere within the Google Web Designer window.

SVG shapes

The Pen, Rectangle, Oval, and Line tools now draw SVG images instead of using canvas elements. Any canvas elements created with these tools in previous versions of Web Designer will be converted to SVG. (Note: The inner radius for converted ovals will render differently and may need adjustment.)

Text panel

View and edit text properties in the new Text panel. These properties can also still be found in the Text tool options bar.

Timeline enhancements

  • Preview range control. Set start and end points for previewing animation in the workspace.
  • Timeline events. See a list of associated events or add a new event when you right-click an event marker.
  • Easing presets. Label and save custom easings for quick reuse.

Advanced preferences

Adjust the application zoom percentage, enable verbose logging, and change the browser preview protocol within the Preferences dialog.

Templates added

  • Bid Manager Dynamic Remarketing Single Page for Retail and Hotel: A popular template now available for Bid Manager, featuring multiple products, headline, disclaimer and animation. Available for both Retail (large product images) and Hotels (star ratings) verticals. (Note: Exits won't work when previewing in Web Designer, but will function normally after uploading to Bid Manager.)

Additional changes since version 1.9.0.0619

Changes to YouTube component

isMuted has been added as a method of the YouTube component in Google Web Designer. Example use: the following code detects whether the YouTube video is muted and unmutes it if so.

var ytp = document.getElementById('gwd-youtube_1');
if (ytp.isMuted()) {
  ytp.toggleMute();
}

Document tab navigation

You can now use keyboard shortcuts to switch between open documents (Ctrl+Tab and Shift+Ctrl+Tab).

Library panel

The Library panel now supports double-byte and high ASCII characters in file and folder names.

Preview protocol

Google Web Designer now automatically sets up a local web server for previewing with the http:// protocol. You can change the preview protocol back to file:// in your preferences.

Changes since version 2.0.0.1113

  • Fixed the issue with browser caching when previewing locally in Internet Explorer using the http:// protocol.
  • Fixed the issue where the style property colon separator appeared almost invisible in the CSS panel.
  • Meta tags productType and vertical are no longer included in the published dynamic remarketing creatives for AdWords.

Fixes and improvements since version 1.9.0.0619

Ad Validator

  • [Feature request] Added a check for mobile-friendly Tap Area events.
  • [Feature request] Added explanations for how to fix errors.
  • [Feature request] Missing image source now detected.
  • [Feature request] Sources for Audio and Video components now checked for valid URLs.
  • [Feature request] AdWords creatives now checked for infinite animation loops.
  • [Feature request] Added check for autoplayed videos set to muted.

Components & Runtime

  • Fixed issue with sound for autoplayed YouTube videos when switching Firefox browser tabs.
  • getCurrentPage() method added and unused transition-class attribute removed for the page deck API.
  • [Feature request] Users can now specify the page to go to when collapsing on exit.
  • Sprite Sheet component properties, events, and actions translated.
  • Fixed issue with slide and push page transitions on Safari.
  • Fixed jittery Swipeable Gallery transition animations on Firefox.
  • Blank frames no longer displayed in Swipeable Gallery.
  • [Map component] Fixed issue with map reloading and resetting to default position and zoom level on mobile devices.
  • Fixed issue where interstitial ads with alternate pages wouldn't update upon changing orientation on mobile devices.
  • [Video component] Fixed issue in Mac Chrome where the video player reverted to muted upon switching sources if it started as muted.
  • [Video component] In Mac Safari, the video player now remembers if it was playing or paused when switching sources.
  • [Feature request] [YouTube component] isMuted method added for the YouTube component.
  • [Feature request] [Image] Alignment options added to the Properties panel for images.
  • [Feature request] Fullscreen button now shows in the YouTube player only if the user checks the "Allow fullscreen on desktop" option.
  • [Feature request] Exit URLs now supported for the Carousel Gallery.

Events

  • Target no longer editable for existing events.
  • [Events panel] Events panel now refreshes properly after creating a group with an event.
  • Invalid events are now deleted if the user removes the ID from an element.
  • [Runtime] Fixed issue where timeline events prevented animationend events from triggering.
  • Undoing element deletion no longer restores previously deleted event handlers for that element.
  • [Timeline] Deleting an event marker no longer leaves orphaned animation CSS in the document.

Library

  • [Feature request] High ASCII and double-byte characters now supported in file paths and folder names.
  • Deselected asset no longer displayed in the preview window when multiple assets are selected.
  • Fixed issue with renaming newly created folders by double-clicking "Untitled".

Pages

  • Stage no longer jitters when adding a new page or switching between open documents with same dimensions.
  • Fixed issue where the pages pop-up menu would become enabled in an HTML document without pages after making changes to a group in group editing mode.
  • A document will now show that it has unsaved changes when the primary page is changed.

Text

  • [Menus] Fixed issue where the main menu wouldn't close upon clicking the stage if the Text tool was selected.
  • Text tool now rejects invalid hex color values.
  • A document will now show that it has unsaved changes when the web font list is updated.
  • Fixed layout issue with hyperlink dialog in some languages such as Polish.
  • [Media rules] Fixed issue where text alignment buttons wouldn't highlight when media rules were active.
  • Fixed issue where a selected text box would lose focus upon selecting the Text tool when media rules were active.
  • Fixed issue where a text block became uneditable after undoing a list insertion.
  • Fixed issue where text format changed after inserting a list.
  • Fixed issue with undo after copying and applying text styles.
  • Wrapped text containers no longer show a dashed outline upon hovering with the Text tool.
  • After switching documents, clicking outside of the text box now selects the text container instead of creating a new text element.

Timeline

  • Reduced source file size for documents with a large number of timeline events and labels.
  • Fixed issue with difficulty in scrolling the timeline in Advanced mode.
  • Event markers no longer move above the Events track when scrolling down in the timeline.
  • Fixed issue with large images not showing up in the Timeline thumbnail preview.
  • Timeline pop-up menus no longer get covered by the panels.
  • Fixed issue with undo after adding an event label.
  • Animations using event labels are now deactivated when the page changes.
  • When going back to a page with a timeline pause event, animation now restarts from the beginning instead of remaining paused at the first keyframe.
  • [Preview] Fixed issue where mixing use of the Enter key with the Play button caused the Enter key to stop toggling animation preview playback.
  • [Copy/paste] Keyframes can now be copied and pasted after an element has been pasted using the "Paste without animations" command.
  • Fixed issue where left position animation was lost when editing the top position for multiple keyframes. (Also applies for top position animation when editing the left position.)
  • Incorrect warning no longer appears when copying an element on the stage while keyframes are selected.
  • Users can now copy and paste elements on stage while a keyframe is selected.
  • Fixed issue with duplicating a layer containing animation after undoing page duplication.
  • Fixed issue with editing left/top position using the Properties panel for a keyframe at a different position than the playhead.
  • [Groups] Fixed issue where renaming an event label caused events to stop working if they used the label and were within a group instance.
  • [Groups] Fixed issue where event label disappeared from a group's timeline after a group instance was deleted from the stage and the file was reopened.
  • Fixed issue where gradient fill would apply to both the background and the border of an animated element.
  • [Quick mode] Fixed issue where the timeline thumbnail didn't show the gradient fill of an element.
  • [Quick mode] Fixed issue where the timeline thumbnail didn't show the gradient background of the page.
  • Locked layers no longer allow keyframe editing.
  • Selection marquee rectangle no longer appears above the Events track.
  • [Media rules] Fixed issue where animation didn't pause when media rules were active.
  • Fixed issue where identity transform values couldn't be set for a pasted element if the copied element had an animation that didn't start with identity transform values.
  • Last keyframe is now selected upon right-clicking and removing the prior last keyframe after switching from Quick mode to Advanced mode.
  • [Feature request] Added ability to save custom easing.
  • [Feature request] Right-clicking an event marker now shows existing associated events.
  • [Feature request] Added ability to set a range for animation preview on the stage.
  • [Feature request] Keyframes no longer deselected when clicking in the time track to move the playhead.
  • Fixed issue where trying to copying the layer name duplicated the layer instead.
  • [Preview] Keyboard shortcut for browser preview now disabled during animation preview on the stage.
  • [Quick mode] Border radius specified as a percentage now renders correctly in thumbnails.
  • Fixed issue where all spans were selected after applying easing to multiple non-contiguous spans.
  • [Events] Fixed issue where the CSS for deleted pause events wasn't removed.
  • Duplicate and Delete options removed from the pop-up menu for locked layers.
  • [Feature request] Playhead now remains in view after zooming in or out on the timeline.

Workspace (Panels and UI)

  • Maximum character limit added for corner radius fields in the tool options bar.
  • Fixed issue where Window menu now didn't correctly indicate which panels were closed.
  • [Timeline panel] Users can no longer resize the panel while trying to select "Close all" menu command.
  • [Timeline panel] Double-clicking the resizable edge of the Timeline panel now toggles between minimum and maximum panel height.
  • [Color panel] Fixed issue with the Fill tool color chip icon retaining some gradient when switching to "No color" from a gradient.
  • [Color panel] Resize mouse cursor is no longer shown for the Color panel.
  • Fixed layout issues in Publish dialog when text overflowed in some languages such as Russian.
  • [Templates UI] Saving edits to a custom template no longer adds duplicate size information.
  • [Moving panels] The yellow bar now better reflects where panels will move when they're dragged to a new location.
  • [Moving panels] Fixed issue with yellow bar appearing in the Timeline panel after dragging and releasing the panel.
  • [Moving panels] Fixed issue displaying the Dynamic panel while moving it when there were a lot of dynamic data bindings.
  • Keyboard shortcuts now work while a notification is displayed.
  • [Properties panel] Fixed issue where undoing changes made in a text field didn't update the stage correctly.
  • Component icons displayed when dragging components from the panel to the stage.
  • Fixed issue where a gradient page background didn't reflect stage rotation.
  • [Preferences] Fixed issue with ad type and environment preferences not reflecting immediately in the "New file" dialog.
  • [Feature request] Improved interface for navigating document tabs when many documents are open.
  • [Feature request] Keyboard shortcut added for tabbing through open documents.
  • [Feature request] Increased the maximum height of the Timeline panel.

Other

  • [Zoom] [Responsive design] Stage is no longer offset when zooming in a responsive document.
  • Fixed issue with the Fill tool being set to no color in the tool options bar by default and not working on elements.
  • Fixed issue with images not rendering correctly in the workspace when Scaling property changed.
  • [Galleries] Image sources no longer removed after clicking Cancel button in the "Select images" dialog.
  • Keyboard shortcut for browser preview now works in Code view.
  • [Groups] [Dynamic ads] Fixed issue with missing metric events when setting an ID for a group instance.
  • [Dynamic ads] Fixed JavaScript errors when previewing a dynamic ad without a feed specified.
  • [Publishing] Fixed issue with CSS calc function producing the wrong value in published files.
  • [Publishing to Studio] Publish dialog settings no longer affect the settings for other open documents.
  • [Publishing] Fixed issue with ad size information not updating in creativeProperties metadata.
  • [Save as] [Windows & Linux] File name now displays in "Save as" dialog.
  • [Windows] Google Web Designer now launches when offline.
  • [Linux] Removed dependency on gconftool that was causing installation failures.
  • Windows uninstaller is now signed.
  • Removed "Break apart" option from pop-up menu for SVG elements to prevent errors.
  • [Shapes] [Properties panel] Corner border radius values now display correctly in the Properties panel after relaunching Web Designer.
  • [Gradient tool] Fixed issue with radial gradients not displaying correctly in browser preview and in the published file after resizing the gradient or moving the gradient center point.
  • [Groups] Fixed issue displaying the preview of a group nested inside another group.
  • [Groups] [Break apart] Animation CSS rules no longer duplicated when redoing the "Break apart" action.
  • [Groups] All CSS rules for a group now removed when deleting the group from the Library.
  • Fixed issue with the undo command after adding a timeline event to a group timeline.
  • [Properties panel] "Scale uniformly" option now works as expected even when there's a large discrepancy between values.
  • [Dynamic ads] Fixed issue with DoubleClick Studio dynamic profiles not working after switching between Code view and Design view.
  • [Dynamic ads] [Responsive layout] Fixed issue with text styles not reflecting media rules in Chrome preview when text was dynamic and responsive.
  • [Motion paths] Fixed issue where motion path animation was lost when the document was saved during animation preview.
  • [Motion paths] Fixed issue with keyframe timing changing upon undoing motion path creation.
  • [Motion paths] It's now easier to activate Transform tool controls that are close to a motion path.
  • [Save as template] Enter and Esc keys now work in the dialog for overwriting a file when saving a template.
  • Added meta tags to prevent browser caching for preview files.

Known issues

  • A black screen on launch may be caused by outdated video drivers. Try updating your video drivers. If that doesn't help, disable GPU rendering by quitting Google Web Designer and following the instructions for your operating system before relaunching:
    • Windows: Add a DWORD32 value named disable-gpu-rendering to HKEY_CURRENT_USER\Software\Google\Web Designer\Settings in the registry. Set this value to 1.
    • Mac: Add a Boolean row to ~/Library/Preferences/com.google.WebDesigner.plist with the name disable-gpu-rendering and a value of YES, or run defaults write com.google.WebDesigner.plist disable-gpu-rendering -bool true in Terminal.
    • Linux: Add a line to ~/.local/share/google-web-designer/preferences/settings.conf with the name disable-gpu-rendering and a value of true. (If the [Settings] section doesn't exist, you'll need to create it first.)
  • Gradient background fill on an image only renders when scaling is set to stretch.
  • A maximum of 4 panels can be grouped/tabbed together.
  • White screen on launch if behind a web proxy. Please follow these instructions to change your proxy settings.
  • Mac Chrome, Opera, IE: Play button doesn't work in Google Web Designer preview when Autoplay preview is on. Workaround: remove localhost from the URL to use file:///
  • Linux only: file drag and drop from the file system to Google Web Designer is not working. Workaround: use File > Import assets or Add asset from the Library.
  • Downloading iCalendar .ics files is not supported on Safari desktop browser.
  • It is not possible to have more than one Map component or Street View component, or a Map and a Street View component in the same creative.
  • Linux only: if the browser (Chrome or Firefox) is launched by Google Web Designer for preview, Google Web Designer cannot be closed unless the browser is closed first.
  • Linux only: Google Web Designer sometimes loses focus and is unable to take keyboard input when switching between apps. Workaround: resize the Google Web Designer window to bring focus back to the app.
  • Linux only: if the renderer crashes and a white screen appears, set the disable-gpu-rendering to true in Google Web Designer settings. Add a row to ~/.local/share/google-web-designer/preferences/settings.conf with the name disable-gpu-rendering and a value of true. (If the [Settings] section doesn't exist, you'll need to create it first.)
Was this article helpful?
How can we improve it?