What's New in This Update?

  • Animation Sync With Scroll
    • Scroll-Synced Animation Examples
    • Copy And Paste Animation
    • Animation Trigger Offset
    • Default Animation Step
    • Move Animation Steps
    • Display Animation Step State
    • Sticky / Fixed Animation Property
    • Animation Move Reworked
  • Move Websites Online
  • Default Country For Country And Phone
  • Payment Popup In Products
  • Video Lessons On Dashboard
  • Video Lesson: Slider Element
  • New Block And Page Designs

Animation Sync With Scroll

We have improved the Animation Sync With Scroll (previously, Step-By-Step), which can have one or multiple steps. We have also added several properties and features, like Animation Copy And Paste, Trigger Offset, Default Step, Move Animation Steps, etc.

animaiton-sync-with-scroll.gif

Learn more about all Animation Effects in Nicepage

Scroll-Synced Animation Examples

With the new improvements, you can now create more advanced examples of the Animation Sync With Scroll.

Silhouette Mask

Add and animate several Elements, creating a shaped mask and blurring a background image.

animaiton-sync-example-1.gif

Move And Rotate

You can split an image into pieces, animate its joining, and continue with sliding text.

animaiton-sync-example-2.gif

Stacking Titles

You can also animate Headlines by sticking them to the top, creating the stacking effect.

animaiton-sync-example-3.gif

Animation Copy And Paste

You can now copy and paste the Step-By-Step Animation between the Elements, making it more convenient.

animaiton-copy-paste.png

Animation Trigger Offset

You can also set the Trigger Offset in the Property Panel.

trigger-offset.png

Default Animation Step

We have introduced the Default Step in the Animation Steps so that you can use it as a starting state of an animated Element.

animation-default-step.png

Display Animation Step State

Now, clicking the Steps lets you see the Element's state on each Animation Step.

show-animation-step.gif

Move Animation Steps

Drag the Animation Step to change its order in the Steps section in the Property Panel.

move-animation-steps.gif

Sticky / Fixed Animation Property

We have changed the Sticky On Scroll checkbox to the Sticky / Fixed dropdown list property, adding the new Fixed On Scroll Animation positioning.

animation-sticky-fixed.png

Animation Move Reworked

We have added icons for the X and Y Values for the Move X, Y Property, so changing their values with the mouse moves is convenient.

animation-move.gif

Move Websites Online

We have added the new Move Online option for the published website, allowing you to move your website from the Desktop Application to the Online Builder and continue its editing there.

IMPORTANT! A website MUST BE published to the Nicepage Hosting.

The site's project is automatically backed up in the Desktop Application to the Backups folder.

move-online.png

Default Country For Country And Phone

We have added the Default Country property for the Country and Phone Elements. Now, you can see the Country Name and Flag in the Country and Phone fields of the Contact Form Element.

default-country.png

Payment Popup In Products

Now, you can find the link to the Payment Popup in the Products Panel of the Quick Access Pane.

payment-popup-products.png

Scroll Editor With Mouse

We have supported the scroll of the Editor with the mouse move. Click the Mouse Wheel and drag the mouse to move the Editor.

scroll-editor-with-mouse.gif

Video Lessons On Dashboard

We want to reduce the learning curve and have added the links to the Video Lessons to the Dashboard. Now, by clicking on the video thumbnail on the Dashboard, you can open and watch a video lesson in your browser.

You can show and hide the video thumbnails and open all video lessons by clicking the link.

video-lessons-dashboard.png

Video Lesson: Slider Element

We continue to create video lessons and preset the tutorial about the Slider Element in this update.

Fixed Issues

  • Invalid display of the Add Slide option in the Slider section of the Add Panel
  • Invalid Styles for the Date Field in the Contact Form Element
  • Invalid Colors in the Image dialog for the Dark UI option
  • Invalid Icon size for the Icon with Shape Element in some user blocks
  • Invalid display of the Product Image in the Payment Popup
  • Malfunctioning of the Block import for some user-exported blocks
  • Malfunctioning of the Grid Cell resize for some user projects
  • Malfunctioning of the Rich Text Element in some user projects
  • Malfunctioning of the Save operation for some projects with the Audio Element
  • Malfunctioning of the Custom Template for some user projects
  • Malfunctioning of the delete operation for Page Templates for some user projects
  • Malfunctioning of the Block Template location in the Search Results
  • WordPress: Invalid display of posts output several times with the Blog Posts Element
  • WordPress: Malfunctining of the Sticky Header on Blog Posts Template
  • WordPress: Malfunctining of the Add To Cart operation on some user websites
  • WordPress: Malfunctining of the Required Checkbox in the Contact Form 7
  • WordPress: Malfunctioning of the Modal Popup after the Theme installation on some user websites
  • Joomla: Invalid links to the Blog Post pages in the template
  • Joomla: Malfunctining of the Product Quantity Element on some Virtuemart user websites
  • Joomla: Malfunctining of the import operation on some user websites
  • Joomla: Malfunctining of the Recaptcha on some user websites
  • Joomla: Malfunctining of the installation of the Extension and Articles on some user websites
  • Joomla: Malfunctining of the Blog display on some user websites with complex Menus

Block and Page Designs

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

new-designs-65.jpg

## What's New in This Update? - Animation Sync With Scroll - Scroll-Synced Animation Examples - Copy And Paste Animation - Animation Trigger Offset - Default Animation Step - Move Animation Steps - Display Animation Step State - Sticky / Fixed Animation Property - Animation Move Reworked - Move Websites Online - Default Country For Country And Phone - Payment Popup In Products - Video Lessons On Dashboard - Video Lesson: Slider Element - New Block And Page Designs ## Animation Sync With Scroll We have improved the **Animation Sync With Scroll** (previously, Step-By-Step), which can have one or multiple steps. We have also added several properties and features, like Animation Copy And Paste, Trigger Offset, Default Step, Move Animation Steps, etc. !animaiton-sync-with-scroll.gif! [Learn more about all Animation Effects in Nicepage](page:204908) ### Scroll-Synced Animation Examples With the new improvements, you can now create more advanced examples of the Animation Sync With Scroll. **Silhouette Mask** Add and animate several Elements, creating a shaped mask and blurring a background image. !animaiton-sync-example-1.gif! **Move And Rotate** You can split an image into pieces, animate its joining, and continue with sliding text. !animaiton-sync-example-2.gif! **Stacking Titles** You can also animate Headlines by sticking them to the top, creating the stacking effect. !animaiton-sync-example-3.gif! ### Animation Copy And Paste You can now copy and paste the Step-By-Step Animation between the Elements, making it more convenient. !animaiton-copy-paste.png! ### Animation Trigger Offset You can also set the Trigger Offset in the Property Panel. !trigger-offset.png! ### Default Animation Step We have introduced the Default Step in the Animation Steps so that you can use it as a starting state of an animated Element. !animation-default-step.png! ### Display Animation Step State Now, clicking the Steps lets you see the Element's state on each Animation Step. !show-animation-step.gif! ### Move Animation Steps Drag the Animation Step to change its order in the Steps section in the Property Panel. !move-animation-steps.gif! ### Sticky / Fixed Animation Property We have changed the Sticky On Scroll checkbox to the **Sticky / Fixed** dropdown list property, adding the new **Fixed On Scroll** Animation positioning. !animation-sticky-fixed.png! ### Animation Move Reworked We have added icons for the X and Y Values for the Move X, Y Property, so changing their values with the mouse moves is convenient. !animation-move.gif! ## Move Websites Online We have added the new **Move Online** option for the published website, allowing you to move your website from the Desktop Application to the Online Builder and continue its editing there. **IMPORTANT!** A website MUST BE published to the Nicepage Hosting. The site's project is **automatically backed up** in the Desktop Application to the Backups folder. !move-online.png! ## Default Country For Country And Phone We have added the **Default Country** property for the Country and Phone Elements. Now, you can see the Country Name and Flag in the Country and Phone fields of the Contact Form Element. !default-country.png! ## Payment Popup In Products Now, you can find the link to the Payment Popup in the Products Panel of the Quick Access Pane. !payment-popup-products.png! ## Scroll Editor With Mouse We have supported the scroll of the Editor with the mouse move. Click the Mouse Wheel and drag the mouse to move the Editor. !scroll-editor-with-mouse.gif! ## Video Lessons On Dashboard We want to reduce the learning curve and have added the links to the Video Lessons to the Dashboard. Now, by clicking on the video thumbnail on the Dashboard, you can open and watch a video lesson in your browser. You can show and hide the video thumbnails and open all video lessons by clicking the link. !video-lessons-dashboard.png! ## Video Lesson: Slider Element We continue to create video lessons and preset the tutorial about the Slider Element in this update. <iframe width="600" height="330" src="https://www.youtube.com/embed/PjKDCSy8C18" frameborder="0"></iframe> ## Fixed Issues - Invalid display of the Add Slide option in the Slider section of the Add Panel - Invalid Styles for the Date Field in the Contact Form Element - Invalid Colors in the Image dialog for the Dark UI option - Invalid Icon size for the Icon with Shape Element in some user blocks - Invalid display of the Product Image in the Payment Popup - Malfunctioning of the Block import for some user-exported blocks - Malfunctioning of the Grid Cell resize for some user projects - Malfunctioning of the Rich Text Element in some user projects - Malfunctioning of the Save operation for some projects with the Audio Element - Malfunctioning of the Custom Template for some user projects - Malfunctioning of the delete operation for Page Templates for some user projects - Malfunctioning of the Block Template location in the Search Results - WordPress: Invalid display of posts output several times with the Blog Posts Element - WordPress: Malfunctining of the Sticky Header on Blog Posts Template - WordPress: Malfunctining of the Add To Cart operation on some user websites - WordPress: Malfunctining of the Required Checkbox in the Contact Form 7 - WordPress: Malfunctioning of the Modal Popup after the Theme installation on some user websites - Joomla: Invalid links to the Blog Post pages in the template - Joomla: Malfunctining of the Product Quantity Element on some Virtuemart user websites - Joomla: Malfunctining of the import operation on some user websites - Joomla: Malfunctining of the Recaptcha on some user websites - Joomla: Malfunctining of the installation of the Extension and Articles on some user websites - Joomla: Malfunctining of the Blog display on some user websites with complex Menus ## Block and Page Designs We have created [new block and page designs](https://nicepage.com/html-templates) up to this update. [!new-designs-65.jpg!](https://nicepage.com/html-templates)