User Guides: Page Builder
Add a menu item that links to a page section
You can add a menu item whose link goes to a specific section on the same page or a section on a different page. This works with any of your site menus, which you can create and edit by clicking Appearance > Menus in the BBWP admin panel. Note: If the section is on the…
Add a PDF file to your layout
There are two ways to add a PDF file to your layout, depending on whether you want to merely provide a download link or to view the contents of a PDF file on-screen. Download a PDF file through a link Sometimes viewers don’t need to see the PDF file contents before they download, you’d rather…
Add Custom Style to the Google Map Module
The Google Map module is an Advanced module and provides an option to add your own custom styles to the maps. Let us see how it can be done. STEP 1: Customizing the Map’s Style 1. Go to the Map Style section and select the custom option from the style list. Once selected a text-box…
Add Custom URL/Links to images in Photo Gallery Module
In the Photo Gallery Module, you can easily add your own different custom URLs/ links to the images. Please see the following steps: 1. Add custom URL/Link to the images you have added to the Gallery in the Media Manager. You can do this from the Media Library in the admin of your site, or…
Animate a row, column, or module
You can add an entrance animation to any row, column, or module when it becomes visible for the first time on a page, with the following animation types and choices. Type of entrance animation Action Fade, zoom, bounce In, Left, Right, Up, Down Slide Left, Right, Up, Down Rotate In, Down Left, Down Right, Up…
Audio Module Overview
Using the Audio module, you can insert one or more audio files from the Media Library or a single audio file from an external source, plus choose some playback options. Using audio files from the Media Library When you choose the Media Library option in the Audio module, click the link to choose one or…
Basic Video module overview
Use the Basic Video module to insert a video into your layout. The source can be either of the following: A video from your site’s Media Library Embed code provided by a third party such as Vimeo or YouTube. Module settings General tab Video type If you choose Media Library, the following settings become available.…
Blackbaud Builder keyboard shortcuts
You can use keyboard shortcuts for many common tasks in the Blackbaud Builder editor. Here’s the list of shortcuts: j Open the Modules tab in the Content panel. k Open the Rows tab in the Content panel. l (Lowercase L) Open the Templates tab in the Content panel. ; Open the Saved tab in the…
Button module overview
The Button module is an object that you insert into your layout that resembles a physical button. For more advanced features, we recommend that you use the Smart Button module. Uses of this module Traditionally, a web button is a pretty package for a link that sends visitors elsewhere when clicked. The Button module’s button…
Change element visibility by user login and capability
You can choose if a row, column, or module is visible or hidden, based on whether a user is logged in, logged out, or never (meaning the element is only visible to the person editing the page). If you choose to show an element only when a user is logged in, you can also enter…
Change individual margin and padding settings
You can set individual margins and padding independently for top, bottom, left and right. You can set all of these values independently for large (desktop), medium (tablet), and small (phone) devices. When you add a custom margin or padding setting to an individual row, column, or module, this setting is automatically used for medium devices…
Change item visibility by device size
By default, every row, column, and module is visible on every device size, but you can hide individual elements at certain device sizes. You can choose one of the following settings: Large devices only : The element will only be visible on desktop computers or TVs with a browser. Large & medium devices only Medium…
Change the width of columns by device size
Column widths set for medium and small devices can be set to total less than 100% for the columns in a layer. Tip: If you set a large-device value for one column, the values in the other columns in the layer will be adjusted automatically to total 100%. This isn’t true when you set column…
Choose between new rows or row layers
Rows can contain layers of columns, as shown in this screenshot, where one row has three vertical layers with a different number of columns in each row. Tip: For even more complex layouts, you can have columns within columns. For more information about how columns work, see the column layouts overview. But you could also…
Color gradients for row and column backgrounds and overlays
You can create linear and radial color gradients for row and column backgrounds, background overlays, and row shape layers To use a gradient as a row or column background or background overlay: Choose Gradient as the background type, which exposes the Background gradient section, which is described in the following sections. Linear gradients To fully…
Column layouts overview
In Blackbaud Builder you cannot have rows within rows, but you can construct complex layouts with column layers and child columns. Column layers, module layers, and child columns In any row, you can have multiple vertical layers of parent columns, child columns, and modules. Here are some diagram examples of a single row with various…
Conditional logic for Rows, Columns and Modules
The conditional logic feature gives you the power to fine-tune Blackbaud Builder layouts in ways that previously required code. This feature should be used by expert users only. With this option, you can set conditions that control the visibility of Rows, columns or modules. For example, you could display a row only when a user…
Content Slider module overview
You might think of a content slider module as a slideshow of rows, in which each slide has any or all of the following components:: A background (color, photo, video, or none) An overlay (text, text + photo, text + video, or none) A text or button link Here’s an example of a slide with…
Convert a global row, column, or module to standard
This topic includes several different procedures to accomplish the following goals: Unlink a single global row, column, or module in your Blackbaud Builder layout from the global saved item and all other instances of the global item throughout your site. Unlink all instances of a saved row, column, or module from the global saved item…
Convert a saved row, column, or module to global
When you save a row, column, or module, you get the option to make it global. The content in global saved items is updated in the saved item and every other instance when you update the content in any one place. What if you didn’t make an item global when you saved it but want…