Bloxby Support Portal
  • Home
  • Knowledge Base
  • Forums
  • Register
  • Live Chat

Knowledge Base

  1. Home
  2. Knowledge Base
  3. Developer Manual
  4. How the page builder works

How the page builder works

  • Created August 5, 2017
  • Author Andrew Ozols
  • Category Developer Manual

Overview

Bloxby’s page builder allows end-users to use drag and drop to compose web pages. End-users can drag and drop blocks and / or components onto the canvas. The canvas itself essentially an unsorted list (<ul></ul>) in which every list element (<li></li>) represents a block. So every time an end-user drag and drops a new block onto the canvas, an additional <li></li> is added to the list. Whenever a block is removed, an <li></li >is removed. When the order of blocks is changed, the order of the <li></li>’s within the list is changed.

 

Every block on the canvas is contained in it’s own iframe. So when a page is made up out of four blocks, there are four iframes on the canvas.

Components can be dragged and dropped within and between blocks.

The skeleton file

For exporting and publishing, an additional iframe is used. This iframe is hidden within the page builder and loads a special file named “skeleton.html”. This HTML file loads all the assets used by all of the blocks and is used to turn the blocks on the canvas into a proper web page for exporting or publishing purposes.

When a page is either exported or published, the contents of every block on the canvas is loaded into the contents of the skeleton file, turning it into a fully functional web page.

Was this article helpful?

Yes No

Related Articles

  • Update from v1.3.1 to v1.4.0
    • 0
    • 981
  • Update from v1.3.0 to v1.3.1
    • 0
    • 842
    • 1
  • Update from v1.2.3 to v1.3.0
    • 1
    • 795
  • Update from v1.2.0 to v1.2.3
    • 0
    • 1020
  • Update from v1.1.4 to v1.2.0
    • 1
    • 1043
  • Automated login
    • 0
    • 1703
    • 1

Leave A Comment? Cancel Reply

You must be logged in to post a comment.

Knowledge Base Categories

  • User Manual
  • General
    • Frequently Asked Questions
  • Developer Manual
    • Updates
    • Integration
    • Extending Bloxby
  • Admin Manual
    • Managing Blocks & Components

Popular Articles

  • Server Requirements
  • Installation Guide
  • How to modify or develop Bloxby
  • Terms and Definitions
  • How to configure Bloxby page builder

Knowledge Base Authors

  • Andrew Ozols
    Andrew Ozols
    Articles Authored: 138
  • Herbert
    Herbert
    Articles Authored: 4

Knowledge Base Authors

  • Andrew Ozols
    Andrew Ozols
    Articles Authored: 138
  • Herbert
    Herbert
    Articles Authored: 4

Forum Statistics

Forums
11
Topics
1,083
Replies
6,210
Topic Tags
249
© Bloxby 2019, All rights reserved