Version 5.0.1.1129 | Shell Build 3.0.2.0

Templates and components

Templates and component fixes may be released separately from new versions of Google Web Designer:

Release notes

A new version of Google Web Designer is available! 12 issues have been fixed in 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.

Version 5.0.1.1129 bug fixes

  • Fixed issue with text font, style, and color not setting when in text editing mode.
  • Fixed issue with font weight getting removed from the published files when the font is defined in an external stylesheet.
  • Fixed issue with "Regular", "Bold", and "Italic" font weights missing in the published files.
  • Fixed issue with font keys getting removed from the published files.
  • Fixed issue with zoom cursor activating when hovering over the stage scrollbars.
  • Fixed issue with incorrect property list displaying for a div in the dynamic bindings dialog if a binding already exists for a group.
  • Fixed issue where a gallery populated by a dynamic group (with a binding for the “Repeat for each item in collection” attribute) only displayed the first local image in the in-browser preview.
  • Fixed issue with previewing documents with dynamic fonts from Google Fonts.
  • Fixed issue with dynamic fonts from Google Fonts not loading when a document with dynamic bindings was loaded with sample data already selected.
  • Fixed issue with sample data editor not saving changes after the Dynamic panel was collapsed or closed.
  • Viewport size label in the in-browser preview is no longer truncated in some languages.
  • Fixed issue with non-localized strings for the new features introduced in version 5.0.0.1126.

New features since version 4.2.0.0802

Advanced preview configuration

  • New preview modes for different document types let you easily resize the preview viewport.
  • For responsive ads, you can see different-sized versions of your ad at the same time.
  • For dynamic ads, you can preview multiple versions with different sample data feeds, all on the same page.

Advanced Preview Configuration

AMPHTML for Display & Video 360

  • Build lightweight, mobile-optimized AMPHTML ads for Display & Video 360.

Dynamic ad workflow improvements

  • Data bindings UI enhancements: a more intuitive interface for adding and editing dynamic data bindings.
    • Browse your document structure to select elements for binding, or start typing to filter a list.
    • Renamed data schema objects and filters are now more understandable.
  • Sample data: a new tab on the Dynamic panel lets you work with sample dynamic data.
    • Create and edit sample data directly from within Google Web Designer.
    • You can now preview dynamic elements right on the stage with different sets of sample data.
    • Reuse sample data sets across documents by saving them in the sample data library.

Authoring Dynamic Sample Data

HTML UI components

  • Add and configure common UI elements such as buttons, text fields, dropdowns, and checkboxes.

Parallax component

  • The Parallax component lets you build creatives for Display & Video 360 in an immersive display format designed for mobile web. Layer images to create the illusion of depth as viewers scroll the page.

Parallax Overview

Publish to Display & Video 360

  • Upload creatives directly to your Display & Video 360 account. Creatives are saved as drafts.

Publish to Display & Video 360

Ruler guides

  • Add guides to easily align objects on the stage.

Ruler Guides Overview

Other notable changes

  • The Text style dropdown in the Text tool options and Text panel now shows all available font weights for Google Fonts.
  • Contact us options for support are now available in the Help panel after you've signed in to your Google Account.
  • The new Use percentages checkbox in the Properties panel lets you quickly switch the position and size of selected elements to percentages instead of pixels.
  • You can now right-click a document tab to access the new Close tab and Close other tabs commands.
  • In the timeline, you can now move the playhead by entering a new value for the current time.
  • The asset name is now used as the component ID when importing assets.
  • The option to preview documents using the file:// protocol has been removed.

Fixes and improvements since version 4.2.0.0802

Components & Runtime

  • [Image] Fixed issue where images appeared doubled on the stage.
  • Image upload dialog now shows an error message when importing unsupported image types.
  • Video URLs containing commas now supported.

Dynamic

  • Fixed issue with "Limit count" filter not working correctly with "Repeat for each item in collection" attribute.
  • Text content bindings no longer allowed for custom elements or UI elements other than buttons and labels.
  • Fixed issue with the Delete icon still being enabled in the Dynamic panel when there were no data bindings.
  • More easily understandable names listed for data schema objects in the Dynamic Properties dialog.
  • Multiple dynamic bindings can now be selected in the Dynamic panel.
  • Fixed the performance issue with the Dynamic dialog when there were many bindings.
  • Fixed issue with previewing sample data when a custom schema’s name contained an underscore.
  • Added ability to copy a binding in the Dynamic Properties dialog by right-clicking a field.
  • Detailed error messages are now displayed when there is an error with a Studio dynamic profile.
  • [Usability] Added ability to navigate items in the "Data schema object" dropdown using arrow keys.
  • Fixed issue with the Advertiser list duplicating after switching between the Data Schema and Bindings tabs.
  • [Media Rules] [Publish to Studio] Fixed issue where the Studio association was removed after clicking the Cancel button in the Publish dialog.
  • Keyboard navigation now supported between fields in the Dynamic Properties dialog.

Library

  • Fixed issue with the Use count doubling when adding an image while editing a group.
  • Fixed issue with the Refresh assets button not updating the image on the stage after the image file was replaced in the assets folder.
  • Fixed issue with not being able to deselect an asset.
  • [Mac only] Fixed issue with image assets not showing up in the Library panel if the image file name had no file extension.
  • Fixed issue with incorrect Use count showing for a group when another group with a Use count of 0 was deleted.
  • Fixed issue with incorrect Use count showing for a group when the document was reopened.

Text

  • [Text] Export only used font weights to the published file.
  • [Text] Fixed issue with text containers losing focus when the Properties panel was expanded.
  • [Text] Fixed issue with hyperlinks getting removed when the <a> tag was added in Code view then edited in Design view.
  • [Timeline] [Text] Advanced timeline layer name now shows full text content for a text element with child elements.
  • [Text fitting] [Groups] Fixed issue with new group instance showing text fitting effects without text fitting settings, when a previous group instance with text fitting settings was edited before adding the new instance.
  • [Text fitting] Disabled text fitting for components that shouldn't have text content, fixing an issue with adding groups to a gallery when the gallery had text fitting settings.
  • [Text fitting] [Groups] Fixed issue where the Library wouldn't display a preview for a group with a text element after text fitting settings were applied to an instance of the group.
  • Text fitting now works in group editing mode.
  • [Text fitting] The Outliner now shows child text elements with the full text when the parent element has text fitting settings.
  • [Text fitting] Advanced timeline layer name now shows full text content for copied elements with truncated text.
  • [Text fitting] Fixed issue where Break apart option wasn't available after text fitting was applied to wrapped elements.
  • [Text fitting] Fixed issue where the Outliner showed child elements for a childless text element after text fitting was applied.
  • [Text fitting] Fixed issue where editing a group instance affected text fitting settings for other group instances.
  • [Text fitting] Fixed issue with undoing truncation if the text element was wrapped after truncation.
  • [Text fitting] [Dynamic] Fixed issue with a blank entry showing in the Elements dropdown of the Dynamic Properties dialog after the listing for a truncated text element.

Templates

  • The Star Ratings component now shows in previews from Template Gallery.
  • [Text] Fixed issue with uneditable text in the Dynamic Remarketing Single Page template.
  • The template update progress dialog now shows only when template updates are available.
  • Updated image scaling method in VPAID templates from stretching to resizing.
  • Dynamic Remarketing Aligned Panels and Individual CTA Buttons template (728x90): centered the prices for Product 2 & Product 3.
  • Travel with Search Form template: fixed broken iframe on the expanded page.

Timeline & Animation

  • Animated properties dialog now only appears if a single keyframe is selected.
  • Fixed issue where a keyframe would become deselected after removing an animated property.
  • Fixed issue with keyframe selection not updating correctly after keyframes were removed.
  • Fixed issue where the timeline wasn't fully disabled in Code view.
  • [Motion paths] Fixed stage rendering issues when pasting a keyframe for an element with a motion path.
  • [Motion paths] Fixed issue where copied animation rules had a length of 0s.
  • Fixed issue with background and borders for text elements not showing in Quick mode thumbnails.
  • [SVG shapes] Fixed issue where Quick mode thumbnails didn't update to reflect changes to radial gradient fills for shapes.
  • [Text] Fixed issue where Quick mode thumbnails didn't show text after a list was inserted in the text.
  • Fixed issue with app crashing when opening a document with malformed animation rules.
  • Fixed issue with keyframe timing changing by a tiny amount when reopening file.
  • [Copy & paste] Added ability to copy empty keyframes.

Workspace (panels and user interface)

  • [Floating panels] Floating panels that were previously closed then reopened no longer disappear upon relaunching the app.
  • [Floating panels] Animation effects for opening and closing floating panels have been removed.
  • [Panels] Panels now grow to fill empty vertical space left at the bottom after rearranging or resizing panels.

Other

  • [Groups] Group editing mode now uses the page color for the stage background.
  • Added preference for remembering the Selection tool options and Code view zoom level across app launches.
  • Text tool options and Design view zoom level for the document are now remembered upon reopening the document.
  • [Events] [Feature request] Added mouseenter and mouseleave events to the Events dialog.
  • [Feature request] Enabled in-product chat support in the Help panel.
  • Fixed issue where the keyboard shortcut to save the file wouldn't work immediately after double-clicking a component to add it to the stage.
  • [Transform] Fixed issue where the selection outline and transform controls appeared misaligned in Top view.
  • Fixed issue with Events dialog flickering when making a selection in the dialog.
  • Fixed issue with data loss when undoing the grouping of a shape.
  • The Events dialog is now resizable with the resize handle on the bottom right corner.
  • The notification of a new release no longer displays for a fresh app installation.
  • Fixed issue with incorrect viewport size showing in the tool options bar after editing in Code view.
  • Fixed issue with adding a new page in an AMPHTML document.
  • [Media rules] Changed the viewport color where the viewport extends past the stage.
  • Fixed issue where the transform control appeared too wide for very thin elements.
  • [CSS panel] Fixed issues where the overflow property wasn't suggested for autocompletion, and typing : didn't move focus to the property value field.

Known issues

  • References to custom Google Web Designer elements (gwd-image, gwd-video, gwd-audio, gwd-iframe, gwd-page, and gwd-pagedeck) may not work as expected. Learn how you can update your references.
  • Timeline animation events, such as pause or loop, do not work when you directly open the source .html file in your browser. This is expected behavior, as timeline animation CSS is generated when previewing or publishing the document. Solution: use the Preview button, or publish the document locally and view the published file in your browser.
  • Image files without a file extension with a period in the file name don't import into the Library. Workaround: add the file extension (such as .png) to the file name.
  • 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.)
  • For a video to autoplay when an ad is re-expanded on Mac Safari, the first video source should be .mp4.
  • 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?