Tutorial

This Tutorial will show you how to add HTML and text to the Join form page. If you have ever wanted to add a few more details or spruce up the Join form then this might be what you have been looking for.

The first thing you need to do is login to the Dolphin 7.1.x Administration (Backend) Dashboard.

Find and navigate to:
Builders
-Pages Builder

In the drop down menu box select Join Page.

Dolphin Builders Join Page



The contents/blocks for the Join Page/Form will load up and be displayed.

Find the HTML Block in the "Samples" section.

Drag it up to wherever you want it such as right above the "Login" block, and let go.

Add HTML Block



Now click on the center of the HTML block and a window should open.

Fill in a title/caption for the HTML block, which is the "Caption Lang Key:" box/line.

Now type your text/content in the editor and save the changes.

Add Title to Block



If you want to add custom HTML you can either click the little "HTML" icon, or on the "Toggle HTML Editor" at the bottom of the editor.

Open HTML Editor



If you use the "HTML" icon in the editor a window will open where you can type or paste your custom HTML code. Then, click the "Update" button to save the changes back to the Dolphin editor.

HTML Source Editor



You will be returned to the editor. Click the "Save" button at the bottom of the editor.

Now go to your Join Page/Form (http://www.yoursite.com/join.php) and see how it looks.

New Block on Join Page



Note:
You may need to clear the Dolphin cache if you make several changes by going to:
Tools
-Cache
--Clear All

Secondly if you use the HTML link/icon in the editor it tends to strip certain types of custom HTML coding out when you try to save it. So if it seems like your changes are not being updated or saved then this is likely why.

Using the "Toggle HTML Editor" seems to do a slightly better job, and it is a little less likely to strip out html code. So if you are having difficulties try this one.

Toggle HTML Editor



It is possible to manually go into the database and add custom HTML coding there. However, it is a much more time-consuming process, and it can be a little confusing if you are new to working with databases. I would give the "Toggle HTML Editor" a try first, or try to use a variation of your HTML code.

 
Written By
Tutorial by: Jeremy LeSarge (AKA Ray)

I am the owner and administrator of DialMe.com. I write Tutorials for Boonex Dolphin as well as tips and resources surrounding website programming and development. I enjoy working with WordPress, SEO, and Web Hosting / Servers. I also maintain a WordPress Blog here on this site where you will find a variety of technology and webmaster resources.

Actions
Sponsored Links
Recommend