{"id":1172,"date":"2021-10-13T20:41:53","date_gmt":"2021-10-13T12:41:53","guid":{"rendered":"https:\/\/leadsleap.com\/blog\/?p=1172"},"modified":"2021-10-13T20:41:54","modified_gmt":"2021-10-13T12:41:54","slug":"page-builder-major-revamp","status":"publish","type":"post","link":"https:\/\/leadsleap.com\/blog\/page-builder-major-revamp\/","title":{"rendered":"Page Builder Major Revamp"},"content":{"rendered":"\n

In the past few weeks, we have been revamping our Page Builder .<\/p>\n\n\n\n

If you think our formal Page Builder is good, wait till you see this one…<\/p>\n\n\n\n

Without further ado, let me introduce some of the new features.<\/p>\n\n\n\n

Some of these features may be suggested by you in the past and I said, “Not possible”. It is possible now. ;)<\/p>\n\n\n\n

1) Undo<\/h2>\n\n\n\n

Previously, if you make some changes and regret, you’ll have to redo everything. <\/p>\n\n\n\n

But now, you can simply ‘Undo<\/strong>‘.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

2) Grid<\/h2>\n\n\n\n

Having a hard time aligning different elements?<\/p>\n\n\n\n

Perhaps the new Grid <\/strong>option can help.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Simply check the Grid <\/strong>checkbox. A 20×20 grid will be shown over the page content.<\/p>\n\n\n\n

3) Drag To Lock \/ Unlock Elements<\/h2>\n\n\n\n

Do you know that you can group elements and move them at the same time?<\/p>\n\n\n\n

Previously, to do that, you need to click on the ‘lock’ button one by one<\/span>. <\/p>\n\n\n\n

If you have many elements to group or ungroup, it can take a lot of clicks!<\/p>\n\n\n\n

But now, you simply CLICK<\/span> <\/strong>and DRAG<\/span><\/span><\/strong>.<\/p>\n\n\n\n

CLICK<\/span><\/strong> on one lock and DRAG<\/span><\/span><\/strong> across multiple locks to group\/ungroup them.<\/p>\n\n\n\n

See how it works:<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

4) Advanced Row Type<\/h2>\n\n\n\n

We added 6 new row types to give you more flexibility in designing.<\/p>\n\n\n\n

See those Row Types labeled ‘New<\/span>‘.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

With these new row types, you can create collapsible design with 40-60 column ratio, like this:<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Prefer to have the image on the right, yet still on top when collapsed? No problem. Just choose the ‘Right on top’ row type.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

5) Background Setting For Row<\/h2>\n\n\n\n

Previously you can only customize the background of page <\/strong>and content<\/strong>. If you want different rows <\/strong>to have different background, you’ll have to use a background element, which is kind of rigid, especially for collapsible design.<\/p>\n\n\n\n

Now, you can customize the background of every row<\/strong>.<\/p>\n\n\n\n

Here’s how to do it.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

With this option, you can now create full-width design like these:<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

6) Exit Alert<\/h2>\n\n\n\n

Last but not least…<\/p>\n\n\n\n

Have you ever designed a page and accidentally clicked the close tab button of the browser by accident?<\/p>\n\n\n\n

I have. <\/p>\n\n\n\n

“Errrrrrr….!”<\/p>\n\n\n\n

I told myself, “That will not happen again!”<\/p>\n\n\n\n

Now if you close the Page Builder without saving, the system will prompt an alert like this:<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

But beware. If you click the close tab button twice, you will bypass this prompt and close the tab immediately. <\/p>\n\n\n\n

For accidental clicking of the close button, this prompt should be good enough.<\/p>\n\n\n\n

Whew, that’s all for today’s update and our weeks of work.<\/p>\n\n\n\n

I hope you like these changes. <\/p>\n\n\n\n

Let me have your comments below.<\/p>\n","protected":false},"excerpt":{"rendered":"

In the past few weeks, we have been revamping our Page Builder . If you think our formal Page Builder is good, wait till you see this one… Without further ado, let me introduce some of the new features. Some of these features may be suggested by you in the past and I said, “Not […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[237],"tags":[],"_links":{"self":[{"href":"https:\/\/leadsleap.com\/blog\/wp-json\/wp\/v2\/posts\/1172"}],"collection":[{"href":"https:\/\/leadsleap.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/leadsleap.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/leadsleap.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/leadsleap.com\/blog\/wp-json\/wp\/v2\/comments?post=1172"}],"version-history":[{"count":6,"href":"https:\/\/leadsleap.com\/blog\/wp-json\/wp\/v2\/posts\/1172\/revisions"}],"predecessor-version":[{"id":1192,"href":"https:\/\/leadsleap.com\/blog\/wp-json\/wp\/v2\/posts\/1172\/revisions\/1192"}],"wp:attachment":[{"href":"https:\/\/leadsleap.com\/blog\/wp-json\/wp\/v2\/media?parent=1172"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/leadsleap.com\/blog\/wp-json\/wp\/v2\/categories?post=1172"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/leadsleap.com\/blog\/wp-json\/wp\/v2\/tags?post=1172"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}