Sparkle’s top Toolbar gives you quick access to some of the most commonly used objects you will need when setting out your webpages. To see the full range of tools available to you, just click on the + icon in the toolbar. This will open a window where you can choose from all the available objects. If you want to change or add the objects in the toolbar, you can right-click and choose Customize Toolbar.
Toolbar
When the full toolbox window is open, you will see all the available objects neatly categorized. Clicking on an object will add it to your canvas. Below, we set out the categories and a brief description of what each object does.
Content
Video
Image
Text Box
Map
Image gallery
Audio
Image/video grid
Blog Tag
Lottie animation
Text Box
Image
Video
This is the object you use to add text to your page. Initially, the box is shown filled with simulated text. Click in the box to start adding your own.
This adds an image placeholder to the page in which you can add your own image.
The video object puts a video placeholder on the page, ready for you to add your own video from a variety of sources.
Map
The Map object allows you to insert a Google Map into the page. You will need a Google API to use this object.
Image gallery
The image gallery adds an image slider to your page which you can populate with your own images.
Audio
The Audio object allows you to add an audio player to your page for the playing of music.
Lottie animation
The Lottie Animation object allows for the addition of Lottie animations to your page.
Image/video grid
The image/video grid creates a grid into which you can place your own video or image content.
Blog Tag
The Blog Tag option will only be active if you have created a blog page in your website - see the section about Blogs for more information.
Structure
Wide box
Popup
Box
Layout Block
Layout Grid
Box
Wide box
The Box object adds a box to your page which can be styled from the style panel. Styling options include fill and border as well as rounding to create other shapes including circles.
The wide box option creates a special box that spans the entire web browser window. This is commonly used for creating wide hero sections, footer areas and navigation blocks.
Popup
Layout block
The Popup object creates popup widows that can be triggered by clicking a link within the page, or automatically trigger upon some other event, such as a time delay.
The layout block acts like a container into which you can add other objects. These are ideal for breaking pages down into manageable sections. If you subsequently move a layout block on the page, all its content goes along for the ride. Check the section about layout blocks for more information.
Layout grid
The layout grid is very similar to the video/image layout grid except that a standard layout grid can be used for other content. These are perfect for creating evenly spaced content areas across the page.
Navigation and Forms
Menu
Button
Login Form
Text input
Checkbox
Radio Button
Option Selection
Slider
File Attachment
Menu
Button
The Menu object creates a navigation menu for your website. It can be styled any way you wish and can include drop-down sub-menu items. Menus can be created automatically from your web pages, or can be created manually.
The Button object is your go-to place for creating buttons for your website. This object offers a wide range of styling options from Sparkle’s style panel. More information about buttons can be found later in this guide.
Text input
Text Input is an object for creating form fields for the collection of information from your site visitors. Each text input field can be given attributes to ensure only correct information is entered - such as email addresses. Check the forms section of this guide for more information about creating forms.
Checkbox
The checkbox is another form object that allows site visitors to check various options you may include in your forms.
Radio button
Radio buttons are another way to allow users to make selections on a form. These are often used when a user is required to make a single choice from a range of options.
Option Selection
Option selection creates a drop down list of options on forms. Users will be able to select an option from the list instead of typing into a text field.
Slider
The slider is a form element that lets users select a numeric value by moving a slider.
File Attachment
File attachment creates a field and a find button. This allows users to search for a file to upload with their form submissions.
Monetization
Payment
Property booking
Calendar
Ad Unit
Table booking
The monetization section of the toolbox contains various objects that allow integration with third-party applications, and include access to popular payment gateways, booking and calendar apps and the addition of Ad units to your web pages. These options will require you to have account access to the relevant service providers.
Social
X
The social section offers integration tools for popular social media platforms.
Special
Embed
Scroll location
Site search
Embed
Scroll location
Site search
The embed object allows you to add third-party code into your web page.
This is a location marker that can be added to your pages to signify the beginning of important page sections. In web terms, it would be called an ‘Anchor’. These can be targeted by links in navigation to take site visitors to specific parts of the page without having to scroll.
This provides a handy site search option. It places a site search box on the page through which site visitors can search for specific information in your website.
In addition to the object tools, Sparkle’s toolbar also gives you access to other important features while designing your web pages. You will also find the page settings which give the ability to zoom into your pages, select a device, and set up a design grid. The device icon displayed in the toolbar will change as you switch from one device to another.
Page settings
89%
The toolbar is also where you will find your site settings. These tools include an SEO assistant to help you manage search engine optimization of your site, a general site-wide settings icon, which offers many options that will be explained later in this user guide, A live preview icon that allows you to see a live preview of your pages in your installed web browsers, and finally, a publishing icon that allows you to publish your site, either directly to your web server, or as a local disk file.
Site Settings
Please report any shortcoming in this documentation and we’ll fix it as soon as possible!
Updated for Sparkle 5.5
This website makes use of cookies.
Please see our privacy policy for details.
It’s Okay
Deny
