Summary: Display different types of buttons on the dashboard landing page, or any other page, of the Event Portal.
Jump to Section:
- Setup Custom HTML Button Block
- Setup Custom HTML Text Block with Button Enabled
- Setup Custom HTML Block to display a Linked Image as a Button
Setup Custom HTML Button Block
Begin by accessing the Page Editor tool for the dashboard page.
Step 1. From the Dashboard Page, click your username to expand the dropdown menu, then click Edit Page.
Step 2. Scroll to the Page Layout section, then click Add Block in the desired row.
Note: You can click, hold, and drag the block to a different row after it has been created.
Step 3. In the Category dropdown, select HTML. In the Type dropdown, select Custom Button.
Step 4. Configure the desired block settings, enter the text label in the Button Text Field, enter the link in the Base URL field, and then click Save.
Note: Refer to the Custom Button block-type article to learn more about block-specific settings.
Step 5. Confirm the block appears in the row on the page editor, then click Save at the top or bottom of the page.
Test & Confirm
Return to the Dashboard page on the front end of your site. Confirm the button appears as desired, and links to the appropriate URL.
--
Setup Custom HTML Text Block with Button Enabled
Begin by navigating to Admin Panel > Site Building Tools > HTML Block Builder.
Step 1. Click the Create HTML Block link.
Step 2. Specify a Block Name, and select the Wrap with box? checkbox to enable the block background, enter and format text as desired, then click Save.
Step 3. Navigate to Admin Panel > Site Building Tools > Page Editor. Locate the Dashboard page, then click Edit.
Note: Use your browser's Find Function (Ctrl+F or CMD+F) and type Dashboard.
Step 4. Scroll to the Page Layout section, then click Add Block in the desired row.
Step 5. Select HTML In the Category dropdown menu. From the Type menu select Custom Block.
Step 6. Configure the desired block settings, select the Block Name created in Step 2 from the Choose Block dropdown menu, select the Custom Button checkbox, enter the text label in the Button Text Field, enter the link in the Base URL field, and then click Save.
Note: Refer to the Custom Block type article to learn more about block-specific settings.
Step 7. Confirm the block appears in the row on the page editor, then click Save at the top or bottom of the page.
Test & Confirm
Return to the Dashboard page on the front end of your site. Confirm the button appears as desired, and links to the appropriate URL.
Setup Custom HTML Block to display a Linked Image as a button.
Begin by navigating to Admin Panel > Site Building Tools > HTML Block Builder.
Step 1. Click the Create HTML Block link.
Step 2. Specify a Block Name, and de-select the Wrap with box? checkbox to disable the block background.
In the Block Content section:
- Click the Image icon and upload an image or enter a URL to link to an image.
- When the image appears in the WYSIWYG editor, click on it to select and highlight it, then click the Link icon and enter the target location in the URL field. Click OK to apply the link.
- After uploading and linking the image, click Save to save the custom HTML block.
Step 3. Navigate to Admin Panel > Site Building Tools > Page Editor. Locate the Dashboard page, then click Edit.
Note: Use your browser's Find Function (Ctrl+F or CMD+F) and type Dashboard.
Step 4. Scroll to the Page Layout section, then click Add Block in the desired row.
Step 5. Select HTML In the Category dropdown menu. From the Type menu select Custom Block.
Step 6. Configure the desired block settings, select the Block Name created in Step 2 from the Choose Block dropdown menu, and then click Save.
Note: Refer to the Custom Block type article to learn more about block-specific settings.
Step 7. Confirm the block appears in the row on the page editor, then click Save at the top or bottom of the page.
Test & Confirm
Return to the Dashboard page on the front end of your site. Confirm the button appears as desired, and links to the appropriate URL.
Additional Links:
- Admin Panel Site Building Tools - HTML Block Builder
- Recommended HTML category block types