Who can use this feature?
- Global Administrators and Client Portal Administrators can use Bootstrap in Client Portal page modules.
- Editing Client Portal page modules is done in the TDAdmin interface.
Bootstrap is a free and open-source toolkit for building websites and web applications. It includes HTML and CSS-based design templates for typography, forms, buttons, navigation, and other interface components, along with optional JavaScript extensions.
Custom Client Portal HTML modules created in TDAdmin can use the responsive CSS and a wide range of built-in Bootstrap components without any setup steps required. Currently, the Client Portal pages and modules use Bootstrap version 3.4.1.
The grid system in Bootstrap helps organize content into rows and columns, making it ideal for designing modern page layouts that would traditionally rely on tables. Learn more about Bootstrap's highly responsive and versatile grid system.
Bootstrap is compatible with the latest versions of popular browsers, including Google Chrome, Firefox, Edge, Opera, and Safari. As a responsive web design framework, it ensures a consistent experience across internal tools. This responsiveness means that web page layouts dynamically adjust based on the width of the browser window and the device being used, whether it's a large monitor, laptop, tablet, or mobile phone.
An administrator can create HTML modules using Bootstrap without deep technical knowledge, achieving the desired outcome by copying and pasting the code into the HTML editor.
Bootstrap's official documentation is thorough and informative, often providing examples of the expected end results to help you determine which elements to implement.
Learn more:
Using Bootstrap in the Client Portal
To add Bootstrap-specific HTML to your modules:
- Follow the instructions to Create an HTML Module
- In the module editor, click the Source button located in the top left corner of the editor
- On the Bootstrap site, click Copy to get the element code and paste the HTML in the Client Portal module editor
- Click the Source button again to view the module WYSIWYG
- When finished click Save
