New Buttons

Primary Secondary

By default the buttons will be left-aligned. To centre buttons on page, place them in a div with the following code, or if they are in their own html block then this can be set as centred in Pagebuilder


<div data-content-type="buttons" data-appearance="inline" data-same-width="false" data-element="main" style="text-align: center;">

Transducers

<a class="pagebuilder-button-primary" href="#" target="_blank" style="text-align: center; font-weight: normal;">
  <i class="fas fa-rss" style="transform: rotate(135deg);"></i>
  <span data-element="link_text" style="font-weight: 600;"> Transducers</span>
</a>

Specification

<a class="pagebuilder-button-primary" href="#openModal" style="text-align: center; font-weight: normal;">
  <i class="fas fa-wrench"></i>
  <span data-element="link_text" style="font-weight: 600;"> Specification</span>
</a>

Installation

<a class="pagebuilder-button-primary" href="#" target="_blank" style="text-align: center; font-weight: normal;">
  <i class="fas fa-wrench"></i>
  <span data-element="link_text" style="font-weight: 600;"> Installation</span>
</a>

Datasheet

<a class="pagebuilder-button-primary" href="#" target="_blank" style="text-align: center; font-weight: normal;">
  <i class="fas fa-file-alt"></i>
  <span data-element="link_text" style="font-weight: 600;"> Datasheet</span>
</a>

Manual

<a class="pagebuilder-button-primary" href="#" target="_blank" style="text-align: center; font-weight: normal;">
  <i class="fas fa-book"></i>
  <span data-element="link_text" style="font-weight: 600;"> Manual</span>
</a>

Video

<a class="pagebuilder-button-primary" href="#video" style="text-align: center; font-weight: normal;">
  <i class="fab fa-youtube"></i>
  <span data-element="link_text" style="font-weight: 600;"> Video</span>
</a>

iOS App

<a class="pagebuilder-button-primary" href="#" target="_blank" style="text-align: center; font-weight: normal;">
  <i class="fab fa-app-store"></i>
  <span data-element="link_text" style="font-weight: 600;"> iOS App</span>
</a>

Apple Mac App

<a class="pagebuilder-button-primary" href="#" target="_blank" style="text-align: center; font-weight: normal;">
  <i class="fab fa-apple"></i>
  <span data-element="link_text" style="font-weight: 600;"> Apple Mac App</span>
</a>

Android App

<a class="pagebuilder-button-primary" href="#" target="_blank" style="text-align: center; font-weight: normal;">
  <i class="fab fa-google-play"></i>
  <span data-element="link_text" style="font-weight: 600;"> Android App</span>
</a>

Windows App

<a class="pagebuilder-button-primary" href="#" target="_blank" style="text-align: center; font-weight: normal;">
  <i class="fab fa-windows"></i>
  <span data-element="link_text" style="font-weight: 600;"> Windows App</span>
</a>
Training

<a class="pagebuilder-button-primary" href="#" target="_blank" style="text-align: center; font-weight: normal;">
  <i class="fas fa-graduation-cap"></i>
  <span data-element="link_text" style="font-weight: 600;"> Training</span>
</a>
Forum

<a class="pagebuilder-button-primary" href="#" target="_blank" style="text-align: center; font-weight: normal;">
  <i class="far fa-comments"></i>
  <span data-element="link_text" style="font-weight: 600;"> Forum</span>
</a>
Contact Us

<a class="pagebuilder-button-primary" href="/contact-us" style="text-align: center; font-weight: normal;">
  <i class="fas fa-pencil-alt"></i>
  <span data-element="link_text" style="font-weight: 600;"> Contact Us</span>
</a>
View Our Brands

<a class="pagebuilder-button-primary" href="/brands.html" style="text-align: center; font-weight: normal;">
  <i class="fas fa-th"></i>
  <span data-element="link_text" style="font-weight: 600;"> View Our Brands</span>
</a>
Register for an Account
    
<a class="pagebuilder-button-primary" href="/company/account/create/" style="text-align: center; font-weight: normal;">
  <i class="fas fa-user-plus"></i>
  <span data-element="link_text" style="font-weight: 600;"> Register for an Account</span>
</a>
RMA Request Form
    
<a class="pagebuilder-button-primary" href="#" style="text-align: center; font-weight: normal;">
  <i class="fas fa-file-alt"></i>
  <span data-element="link_text" style="font-weight: 600;"> RMA Request Form</span>
</a>
Wiring

<a class="pagebuilder-button-primary" href="#" target="_blank" style="text-align: center; font-weight: normal;">
  <i class="fas fa-code-branch"></i>
  <span data-element="link_text" style="font-weight: 600;"> Wiring</span>
</a>
Operation

<a class="pagebuilder-button-primary" href="#" target="_blank" style="text-align: center; font-weight: normal;">
  <i class="fas fa-toggle-on"></i>
  <span data-element="link_text" style="font-weight: 600;"> Operation</span>
</a>
Template

<a class="pagebuilder-button-primary" href="#" target="_blank" style="text-align: center; font-weight: normal;">
  <i class="far fa-file-image"></i>
  <span data-element="link_text" style="font-weight: 600;"> Template</span>
</a>