HTML Snippet Component

Embed custom code (e.g. CSS or HTML).

For developers only!

The DCT Help Team does not support third party code.

On this page:

Accessibility
  • Custom code must be accessible.
  • Third party content must be accessible.
  • Font size and contrast.
  • Link text should be meaningful..
  • Images require Alt text.
  • Let users control animations.
  • The 'div' of the embed area must have a Title.

> Read more about making this component accessible.

Last reviewed: May 6, 2022

Be sure to carefully test your code for major browsers (i.e. Firefox, Internet Explorer, Safari, Chrome) before uploading to the UBCMS. Poor coding may break your page unexpectedly.

When you use this component, your team commits to maintaining the security, accessibility, and stability of any linked site or code.

Using This Component

There are two tabs: HTML and Options. Click the wrench icon to configure these settings.

Technical Restrictions

  1. Only experienced developers should handle this component.
  2. Be sure to carefully test your code for major bowsers before integrating into the UBCMS.
Test carefully!

You may break your page unexpectedly and the Help Desk does not support custom code.

Consider how this custom code will display in smartphones and other small screen devices.

Consider how this custom code may impact page performance.

Configure - Main Settings

HTML Tab

Zoom image: The component opened for editing showing the HTML tab. The component opened for editing showing the HTML tab.

The component opened for editing showing the HTML tab.

Write in your custom HTML or CSS code or paste in the "embed code" from a third party application.

Be sure to turn the HTML filter off in the Options tabso your HTML is used.

Options Tab

Zoom image: The component opened for editing showing the Options tab. The component opened for editing showing the Options tab.

The component opened for editing showing the Options tab.

Description: Enter a descriptive label for the component that will be shown on your page in Author (recommended).

  • In our example below, we have inserted "Put some useful descriptive text here...". The phrase "HTML Snippet" is prepended automatically.  

HTML filter: Choose between:

  • Filter HTML (default) - No HTML will be used.
  • Off - Apply your HTML code to the page. Normally you will choose Off

Component handle - Choose to display the component's gray bar and descriptive label in Author (recommended).

Accessibility Concerns

See an Example

Examples of embedded feeds can be seen on the UB Social site.

Was This Information Helpful?

(Required)
(Required)
(so we can thank you or request more details)
(Required)
(buffalo.edu addresses only please)
(Required)