What's New in This Update?

  • Audio Element
    • Audio Formats And Size
    • Play Audio In Preview
    • Add Audio Element
    • Audio Source
    • Audio Information
    • Progress Bar And Time Stamp
    • Audio Background
    • Audio Text Style
  • Image Gradient Coloring
  • Recolor Image Dialog
  • Preset Thumbnails For Large Screens
  • Dashboard Folders
  • Contact Form Fields in Outline
  • New Page And Block Designs

Audio Element

We have implemented the new Audio Element per multiple user requests. You can use your audio files in the Desktop Application, Online Builder, WordPress Plugin, Joomla extension, and HTML export.

audio-element.jpg

Audio Formats And Size

The supported formats in the Audio Element are MP3, WAV, FLAC, M4A, WMA, AAC, AIF, and AIFF.

Play Audio In Preview

You can preview and play the audio files in the Online Builder and websites uploaded to your hosting, including those made with WordPress Plugin and Joomla Extension.

NOTE: Due to browser security policies, audio files cannot be played in Quick Preview and Browser Preview on the Desktop Applications.

Add Audio Element

You can add the Audio Element from the Add Panel.

add-audio-element.png

Audio Source

You can use the URL or Upload audio files with a size up to 10 MB.

audio-element-source.png

Audio Information

You can specify the Track Name and Artist Name in the Property Panel for the audio file. You can also disable them by unchecking the boxes.

audio-information.png

Progress Bar And Time Stamp

Enable or disable the Progress Bar And Time Stamp to show on your Audio Element added to a Block.

progress-bar-time-stamp.png

Audio Cover Image

Choose or remove the Cover Image for your audio in the Property Panel.

audio-cover-Image.png

Audio Background

Set the Fill, Border, Radius, and Shadow for the Audio Element.

audio-background.png

Audio Text Style

You can also set the Text Style for the added Audio Track.

audio-text-style.png

Audio Player Style

Change the Colors for the Play Button and the Progress Bar in the Player Style Panel.

audio-player-style.png

Image Gradient Coloring

Many users used the Shape over Image to create the gradient coloring. We have added the Image Gradient Coloring with the Gradient Shade option. You can also switch between the Shade Options.

gradient-shade.png

Recolor Image Dialog

If you expand the Shape over the Image Background, you will see the best practice dialog offering you to apply the Shade instead.

recolor-image-dialog.png

Preset Thumbnails For Large Screens

We have also improved the thumbnails for all Block Presets, making them more readable on large screens, like Retina for Mac.

thumbnails-support-retina.jpg

It is also useful for Windows computers, using more than 100% zoom.

modal-popup-thumbnails.jpg

Dashboard Folders

We have improved the Dashboard by adding the Folder Options. We have also supported the Create and Move Folder operations.

dashboard-folders.png

Contact Form Fields In Outline

You can also navigate the Contact Form Elements in the Outline.

form-fields-outline.png

Fixed Issues

  • Invalid sorting for the uploaded images
  • Invalid display of the Footer Images
  • Invalid display of the Button properties in the Property Panel
  • Invalid display of the Radio Button properties for the Gallery Element in the Property Panel
  • Invalid display of articles on the HTML Blog on some user websites
  • Invalid display of the Change Video Icon for the Gallery Item
  • Invalid Radius for the Menu Items
  • Invalid Button Radius for the edited Radius for a Grid Cell
  • Invalid Headings for the Images in the Gallery Element if left empty
  • Invalid addition of multiple images from to the Image Gallery Element
  • Invalid rendering of the thumbnails for the Block Designs
  • Invalid Width of the Contact Form Button after collapsing on some user projects
  • Invalid Background Shade for the Blog Posts and Post Details on some user websites
  • Invalid Folder while uploading the Images
  • Invalid Dimensions after changing the Image
  • Invalid display of Arrow and Tooltip on the Quick Preview for the unpublished changes
  • Invalid source for the Video Element added to the Grid Repeater Items
  • Invalid section in the Image dialog for the media uploaded or dragged from the Desktop
  • Invalid icons for different languages shown on the Nicepage Builder
  • Invalid icon in the Outline showing the duplicated elements from the Gallery Element
  • Invalid Sorting Icon on the Site Dashboard
  • Malfunctioning of the Contact Form Gallery Field on some user projects
  • Malfunctioning of the Save operation for the Modal Popup Designs added from the Add Panel
  • Malfunctioning of the With Reload option for the Hamburger Menu Item linking to a Block
  • Malfunctioning of the Tab Element added to the Tab of another Tabs Element
  • Malfunctioning of the dragging fields horizontally in the Full-Width Contact Form added to the Modal Popup
  • Malfunctioning of the Copy Style operation for the Category Element
  • WordPress: Invalid display of the Custom Attributes on the Shopping Cart Template
  • WordPress: Invalid Subitem Background шт the Multi-Level Mega Menu
  • WordPress: Malfunctioning of the Parallax Effect on the Android phones on some user websites
  • WordPress: Malfunctioning of the Animation on Hover on some user websites
  • WordPress: Malfunctioning of the PDF Attachments in the Contact Form on some user websites
  • WordPress: Malfunctioning of the Contact Form 7 submission on some user websites
  • WordPress: Malfunctioning of the Page Design Adition from the Add Panel
  • WordPress: Malfunctioning of the Product Button on the Woocommerce Product Detail page
  • Joomla: Invlaid display of the Blog Intro Image on some user websites
  • Joomla: Malfunctioning of the Login Form on the Shopping Cart Page on some user websites
  • Joomla: Invlaid Google Font added to the Theme Settings
  • Joomla: Malfunctioning of the import of the content with the Language element
  • Joomla: Malfunctioning of the Page Design adding from the Add Panel

Block and Page Designs

We have created new block and page designs up to this update.

new-designs-511.jpg

## What's New in This Update? - Audio Element - Audio Formats And Size - Play Audio In Preview - Add Audio Element - Audio Source - Audio Information - Progress Bar And Time Stamp - Audio Background - Audio Text Style - Image Gradient Coloring - Recolor Image Dialog - Preset Thumbnails For Large Screens - Dashboard Folders - Contact Form Fields in Outline - New Page And Block Designs ## Audio Element We have implemented the new **Audio Element** per multiple user requests. You can use your audio files in the Desktop Application, Online Builder, WordPress Plugin, Joomla extension, and HTML export. !audio-element.jpg! ### Audio Formats And Size The supported formats in the Audio Element are **MP3, WAV, FLAC, M4A, WMA, AAC, AIF, and AIFF**. ### Play Audio In Preview You can preview and play the audio files in the Online Builder and websites uploaded to your hosting, including those made with WordPress Plugin and Joomla Extension. **NOTE**: Due to browser security policies, audio files cannot be played in Quick Preview and Browser Preview on the Desktop Applications. ### Add Audio Element You can add the **Audio Element** from the Add Panel. !add-audio-element.png! ### Audio Source You can use the **URL** or **Upload** audio files with a size up to **10 MB**. !audio-element-source.png! ### Audio Information You can specify the **Track Name** and **Artist Name** in the Property Panel for the audio file. You can also disable them by unchecking the boxes. !audio-information.png! ### Progress Bar And Time Stamp Enable or disable the **Progress Bar** And **Time Stamp** to show on your Audio Element added to a Block. !progress-bar-time-stamp.png! ### Audio Cover Image Choose or remove the **Cover Image** for your audio in the Property Panel. !audio-cover-Image.png! ### Audio Background Set the **Fill**, **Border**, **Radius**, and **Shadow** for the Audio Element. !audio-background.png! ### Audio Text Style You can also set the **Text Style** for the added Audio Track. !audio-text-style.png! ### Audio Player Style Change the **Colors** for the Play Button and the Progress Bar in the **Player Style** Panel. !audio-player-style.png! ## Image Gradient Coloring Many users used the Shape over Image to create the gradient coloring. We have added the Image Gradient Coloring with the **Gradient Shade** option. You can also switch between the **Shade Options**. !gradient-shade.png! ## Recolor Image Dialog If you expand the Shape over the Image Background, you will see the best practice dialog offering you to apply the **Shade** instead. !recolor-image-dialog.png! ## Preset Thumbnails For Large Screens We have also improved the thumbnails for all Block Presets, making them more readable on large screens, like **Retina** for Mac. !thumbnails-support-retina.jpg! It is also useful for Windows computers, using more than 100% zoom. !modal-popup-thumbnails.jpg! ## Dashboard Folders We have improved the Dashboard by adding the **Folder Options**. We have also supported the **Create** and **Move Folder** operations. !dashboard-folders.png! ## Contact Form Fields In Outline You can also navigate the Contact Form Elements in the Outline. !form-fields-outline.png! ## Fixed Issues - Invalid sorting for the uploaded images - Invalid display of the Footer Images - Invalid display of the Button properties in the Property Panel - Invalid display of the Radio Button properties for the Gallery Element in the Property Panel - Invalid display of articles on the HTML Blog on some user websites - Invalid display of the Change Video Icon for the Gallery Item - Invalid Radius for the Menu Items - Invalid Button Radius for the edited Radius for a Grid Cell - Invalid Headings for the Images in the Gallery Element if left empty - Invalid addition of multiple images from to the Image Gallery Element - Invalid rendering of the thumbnails for the Block Designs - Invalid Width of the Contact Form Button after collapsing on some user projects - Invalid Background Shade for the Blog Posts and Post Details on some user websites - Invalid Folder while uploading the Images - Invalid Dimensions after changing the Image - Invalid display of Arrow and Tooltip on the Quick Preview for the unpublished changes - Invalid source for the Video Element added to the Grid Repeater Items - Invalid section in the Image dialog for the media uploaded or dragged from the Desktop - Invalid icons for different languages shown on the Nicepage Builder - Invalid icon in the Outline showing the duplicated elements from the Gallery Element - Invalid Sorting Icon on the Site Dashboard - Malfunctioning of the Contact Form Gallery Field on some user projects - Malfunctioning of the Save operation for the Modal Popup Designs added from the Add Panel - Malfunctioning of the With Reload option for the Hamburger Menu Item linking to a Block - Malfunctioning of the Tab Element added to the Tab of another Tabs Element - Malfunctioning of the dragging fields horizontally in the Full-Width Contact Form added to the Modal Popup - Malfunctioning of the Copy Style operation for the Category Element - WordPress: Invalid display of the Custom Attributes on the Shopping Cart Template - WordPress: Invalid Subitem Background шт the Multi-Level Mega Menu - WordPress: Malfunctioning of the Parallax Effect on the Android phones on some user websites - WordPress: Malfunctioning of the Animation on Hover on some user websites - WordPress: Malfunctioning of the PDF Attachments in the Contact Form on some user websites - WordPress: Malfunctioning of the Contact Form 7 submission on some user websites - WordPress: Malfunctioning of the Page Design Adition from the Add Panel - WordPress: Malfunctioning of the Product Button on the Woocommerce Product Detail page - Joomla: Invlaid display of the Blog Intro Image on some user websites - Joomla: Malfunctioning of the Login Form on the Shopping Cart Page on some user websites - Joomla: Invlaid Google Font added to the Theme Settings - Joomla: Malfunctioning of the import of the content with the Language element - Joomla: Malfunctioning of the Page Design adding from the Add Panel ## Block and Page Designs We have created [new block and page designs](https://nicepage.com/html-templates) up to this update. [!new-designs-511.jpg!](https://nicepage.com/html-templates)