Content & Design
- Email Headers and Footers
- System Messaging Checklist
- Email Templates
- Translations
- Default Header and Footer for Mobile Readiness and SwiftDeploy
- Pages and Content Blocks
- Templates and Design
Email Headers and Footers
Getting to Email Headers & Footers
In order to get to Email Headers & Footers, click System Config, Email Headers & Footers
This should take you to the Email Template Layout List where you can select Edit to edit the existing Footer, Header or Style email template.
Editing Email Layout Templates
Click edit on the Edit button for the corresponding Section you wish to edit.
This will bring you to the template, in our case it is the Header Template. From here you can edit what appears on the header of each sent email as well as include inline styles.
System Messaging Checklist
What Needs Your Attention
Here is the list of all the major pages and messaging you will want to review. There are some that are standard messages and probably don't need customization. These items are listed but marked as optional.
Functional page elements are displayed on the page automatically by the system based on which page you are currently on. For example, the Sign In page boxes that appear for username and password are automatically generated on the page. Therefore, you need not worry about editing these items. However, if you want to add additional content on these pages you may do so.
Templates and Designs
Click on Toggle template to get a list.
You will want to edit the following:
-
Header - You will want to customize this content. This is the common header on all user portal pages.
-
Footer - You will want to customize this content. This is the common footer on all user portal pages.
Go into System Messaging and update the following System Messaging:
(These are the actual pages that occupy the content area between the header and footer that you configured above)
The Pages Tab
-
User Dashboard - Currently the generic page. You will want to customize this content.
-
Login Screen - You will want to customize this content.
-
Payments Page - Optional. This content will appear on the Payments page above the functional part of the page.
-
Permits - Most clients customize this message. A good place to put a Campus Map and Messaging about permits.
-
User Registration- Optional.
-
My Vehicles - Optional.
The Messages Tab
- Dashboard Message - Admin Dashboard.
-
noPaymentOptions - Currently a standard generic message. Edits Optional.
-
permitPDF - Set for printing a standard permit.
-
permitTempPDF - Set for printing a temporary permit.
-
tempPermitText - Optional.
Popup Disclaimers
You may opt to place popup disclaimers throughout the system. These popup windows can be triggered to appear based on navigation to a page or associated with a button on a page.
- Appeals Disclaimer
- Locker Disclaimer
- Permit Disclaimer
- Vehicle Disclaimer
Email Headers and Footers Configuration
These are the common elements that will be used for all outgoing emails.
You will probably want to customize the messages as well as add your logo to the header, although there are no rules here you can decide, for example, to put the logo in the footer.
Click on toggle templates and have a look at:
-
Header - You will want to customize this content.
-
Footer - You will want to customize this content.
Email Templates
These are the ones I believe you will be using at this point.
- Appeal Decision
-
Appeal Submitted - Standard. Edits Optional.
-
Lost Password - Standard. Edits Optional.
-
Create Password registration email. - Standard. Edits Optional.
-
User Receipt - Standard. Edits Optional.
-
Waitlist Selected - Standard. Edits Optional.
Disclaimers & Messaging
There are only 2 that would be of concern.
Notice Literature
These are notices that get sent out to end users as an email. They would use the Headers and Footers you configured above.
-
Overdue Notice Literature - sent to a user when they have an overdue violation. You will want to customize this message.
-
New Notice Literature - sent to a user when they have received a violation. You will want to customize this message.
Email Templates
Navigate to Email Templates
In order to find your current default email templates, you will have to login as an admin and navigate to the system config cog. From this drop-down menu, you should see Email Content.
Editing Default Email Templates
To edit the default email templates, you can click the Edit button next to the template you wish to adjust. After you click this, you will be taken to another area where you can make your changes to the current email template.
Using Shortcodes
Each email template will have available shortcodes that you can use to craft your message to your liking. The shortcode tokens are displayed on the left of the template editor. As you can see in the image below, the email template for Appeal Submitted by User offers the ability to craft messages without knowing when the ticket was appealed, as well as the ticket being appealed. This offers you a very quick and seamless way to make your email templates more engaging and informative.
You should be able to use these codes in the smart editor to the right and it will display the appropriate information to the desired user. The smart editor also gives you the ability to add images and format your messages.
Email Template Fields - What do they do?
Label |
The label field is how you will identify your email templates. |
---|---|
Type |
The type is an nonadjustable value that lets you know the type of the email template. |
Language |
This field contains two options that allow you to select between French or English. |
Layout |
Select the layout that surrounds your messaging, this allows you to have multiple different layouts for different email templates. These layouts include your email header, footer, and its styling. You can create or adjust email template layouts under System Config → Email Headers & Footers. |
Subject |
This is the subject of the message you wish to send under the current email template. |
HTML Content |
Here you will write the message your users will receive. You can insert images, shortcodes, and use the smart editor, to format your messages just like other word processors. |
Text Content |
This section is a simple text editor that does not offer the use of shortcodes or any formatting. This is simply for the message itself and not necessarily the |
Translations
Where are Translations Supported
Currently, translations are only supported on the user side, however, they are managed and set up on the admin side, by admins that have the correct permissions set up to work with languages.
- Translations that are in red, are translations on the adminside which are not yet supported. Since they are not supported you will see them come up in English only until the adminside is supported.
- Translation that are in black, are translations that are on the userside that can currently be changed.
Navigating to Translations
To begin reviewing, editing or creating your translations/languages, you will need to navigate to System Config → Content & Designs → Translations.
This will take you to the Installed Languages page where you can begin managing your current languages.
Adding New Languages
To begin adding your own languages simply click Add Language on the Installed Languages page which will bring up a new modal to add a label and locale.
When you are finished click Save Changes and your new language will be instantly added to the list. Once the language has been added, your users can begin using it on the user-side assuming you have the language enabled.
The locales are used when we want to create sub-languages, while the label is used to identify our translations throughout the site.
Adding Sub Languages and How do They Work
Sub-languages are created by using a locale that currently exists with an underscore '_' followed by the sub-language that you want to set up.
For example, you can support multiple variations of the English language for your users. In the image below I have created a sub-language for American English using the locale en_us.
When you create a new sub-language, it will automatically use the translations that have been set up on the main language, which is the locale on the left side of the underscore, such as en_us. You will need to create the main language first before creating any sub-languages, otherwise the sub-language will always default to English instead of the main language you may have intended to use.
Installing Languages
Installing a language will create a new language template with the translations we have set up for it as well as the Name and Locale we have created for you. You can then click Edit Translations to adjust the preset translations to your liking. If there is not a language already in the system that can be installed you will need to add a new language and setup the translations yourself. Currently, we only support the ability to install French and English.
Disabling or Enabling Translations
We can choose to disable particular languages that we don't want to be selectable from the user side. To do this we can toggle the visibly of our languages under the Enabled column on the Installed Languages Page
Once a language is toggled as Disabled it can no longer be selected by the users of your site as seen in the example image below.
Searching Language Translations
You can search for all translations that relate to a specific component in the system using the search bar at the top right of the Edit Translations page. For example, we can search for permits to find all permit related translations
We can also go onto the user side and use the Token language, which will show all of the Names found on the Edit Translations page, under the Name column, (See the image above) to find where that translation exists so it can be changed. This can't be seen by logging is as the user from the user side but requires an admin to go to the profile of a user and click the Login as User button from the admin side. This is to ensure that your regular users don't see the token language option.
The token language finds the tokens used so you can better search where the translations are being used on the userside.
Edit Translations
To begin editing language translations you have to make your changes and then click away from the input field. Once you do this you will see that the translation gets highlighted in yellow indicating that a change has been made. The number of affected records will also display at the bottom of the translations page.
When you are finished making your changes click Save Changes for the update to take effect.
Delete Languages
To delete languages, you can click the delete button next to the language you want to remove. Keep in mind that if you remove the base English and French language it can be re-installed. However, if you delete a language that we do not provide you, then this data will be lost and you will need to contact support for assistance with recovering these translations.
Keep in mind that deleting a language will not delete any of the sub-languages you may have created. For example, if I were to delete English, the English US language would still remain with all of its translations.
Creating Templates and Messaging for New Languages
It's important to note that when you create a new language it will not rely on the default templates and system messaging that you have setup for your previous languages. For example, if I use the new French American language I created, and go onto the userside where languages are supported, then I will see a blank template as well as blank messages.
Adding Templates
To add a new template for your languages that you create you will need to go into Templates & Design followed by Toggle Templates for the templates that are currently being used. From there you will have the option to click the Create button to add the new template. If you just want your new language to use the same template, from a language that is already in the system, just go into Edit and copy the text over into your new language, after clicking the Create button.
Adding System Messages
System messaging will work a bit differently than templates as you will need to go into each individual message and click the Edit button next to that message
From there you should be able to select your new language.
If you want multiple messages to display for all your languages you will need to create a new system message and type out the translations for that language template.
Changing Terminology Using the Translator
There is another use for the translation tool that may not be obvious at first. Since the translator is essentially a list of code terms and a corresponding list of what is actually displayed on any page not only can you edit the various languages but for each language you can also edit the display term to fit a local "version" of the term. A perfect example of this is in some areas one might refer to recieving a "ticket" as receiving a "citation". It is entirely possible to replace any spot in the interface where the term ticket is used with the term citation.
To do so go into the language editor and search for the term you wish to localize. In our example simply enter ticket in the search bar and hit return. A list of all translatable instances of the word ticket will appear. Click the box where the term is editable and type in your preferred term. In this case we are changing Manage Ticket Categories to Manage Citation Categories. Once you save the changes you have made the displayed text associated with Manage Ticket Categories will display as Manage Citation Categories throughout the system. You may edit the remaining instances of the word Ticket that are in the list before saving to change the term in bulk for all entries listed.
Default Header and Footer for Mobile Readiness and SwiftDeploy
Accessing System Settings
First we must go into System Settings from the System Configuration menu.
We are looking for the Global component in the list of system setting components.
In Global Setting we will see two areas where we can configure images to be used.
- Default Site Logo
- Default Site Header
By clicking on Select Image we will be taken to the Manage Files section where images and files are stored.
Setting the Default Logo
Here we will select an image to be used as the default site logo.
Setting the Default Header Image
We can now set the Default Site Header image.
Once the images are selected they will appear in the configuration settings.
Where The Changes Appear
These images will appear in various places in the system. If no header or logo is set in the Templates and Designs section of the system, these default images will be used.
In our example we are using the default header and logo on the user portal...
As well as the phone interface utilized in Real-Time Parking.
Pages and Content Blocks
Accessing System Messaging
To access and manage your System Messaging navigate to the gears icon
and click on Content & Designs -> Pages and Content Blocks.Creating Pages
We also provide a video to visually demonstrate how to use system messaging https://drive.google.com/file/d/1DU3qorWnAp_2N9mcNGFYTttNHMeRpXsQ/view
Pages display the visual content found throughout your application. You can edit the contents of your page or post a System Message by using the Disclaimer Shortcode on the Page you want it to show up on. Shortcodes also make it convenient to add interactive content to your pages. For more information on Shortcodes scroll to the bottom of this page.
- To create a Page click the Create Page/Message button at the top right of the Manage System Messaging screen. It doesn't matter what tab you're on when you do this as you will specify the Page Type when you go to create the page.
- Once you click this button OPS-COM will take you to a different section where you can set the properties and content of the page. Below is a detailed description of the options available to you when creating new Pages.
Page Attributes | Short Description |
---|---|
Title | The Title of the page you wish to create, which will be the name displayed on the user navigation bar. |
Path |
The path after the domain. i.e. login/ → This is the home page Changing this to lockers/area/1 will display login/lockers/area/1 as the URL for that page. |
Visibility | You can toggle the visibility of your pages which will make it so your users can't see the page anymore, but you can still edit it. |
Language | Use this to select between two language options for a specific page. Tomahawk currently supports English and French. |
Layout | You can select the layout of your page here. Usually, you will have the Default Layout selected. |
Content | Your content will be the text on the page you are currently editing. You can also use Shortcodes here to display a body of material or feature. For example, a user login form could be displayed on your homepage. |
Important: Make sure you select Page under the drop-down menu next to Page Type and not Message. Below we will go into detail on how to create a Page field by field. The images below give you a good visual example of what field is being explained, if there is a certain field you are unsure about you can easily find the picture and read from there.
-
Start by giving your page a Title and specify how you would like the URL at the top of your page to be displayed.
- Adjust the visibility of your page by toggling the Visible button on/off. The Page will still be editable in the System Messaging section but it will not be visible to your users who are on your Page or System Message.
Toggle On(Visible Page) | Toggled Off(Invisible Page) |
---|---|
|
|
- Toggling the Page as invisible will show it under the Messages tab like seen in the image below to signify it cannot be seen by your users.
- Select the default Language and Layout of your page. If you are not sure which template to use you can leave it as the Default Layout.
- Provide the content of your page in the editor found under the page settings. This content will be the main content of your Pages; you can use Templates & Design to edit the other sections of your pages such as the Header-Content and Footer-Content.
- OPS-COM uses Shortcodes to display a section of interactive or static content like a user login, permits, etc.
Content Placement
Depending on where you place your content it can appear differently. OPS-COM's smart editor reads content top to bottom, left to right. Meaning that placing a user login Shortcode before your content will look dramatically different than if you placed the Shortcode last. You can see a few visual examples of how this works below.
For Example: Shortcodes Before Content
As you can see this displays our lot information before our content.
For Example: Shortcodes After Content
As you can see this placed the Shortcode after the lot information
Editing Pages
Keep in mind that the URL / System Location next to the page is the area in OPS-COM that you are updating. Therefore, if you wished to update the permit screen, you want to edit the page with a System Location of /permits.
You can edit your pages attributes such as the Title, Path, Visibility, Language, Layout, and Content after it has already been created.
- To Edit a page, simply click on the Edit button next to the page Title you want to edit. As seen in the image below we are going to select and edit the Appeals Message page.
- You can now make any changes to the Pages content or attributes that you like.
See Creating Pages near the top of the page if you are not sure what a specific field does. From here we can edit the format of the text such as the colour, background color, etc..
- If you have not made any changes to the page you are Editing, you may go back to the Page List by clicking Return to Page List at the top of the screen. Clicking this button will discard all changes recently made.
- Once you have finished editing the page, click Save Messaging for your changes to take effect.
Creating System Messages
Important: Users will be brought back to the Users page if users do not agree with a System Message. Meaning, we use System Messaging as a convenient way to offer agreements and disclaimers before users make purchases of permits or lockers.
System Messages and How they work with Pages
System Messages and Pages work together using Disclaimer Shortcode's. When you create a System Message, you give that message a unique Identifier. System message identifiers may be used in junction with Disclaimer Shortcodes to display your System Messages onto Pages. The idea may be daunting at first, but once you get a better understanding of how these features work together, it will make more sense.
Visual Example
System Messages provide you with a convenient way to add alert messages to your pages that pop-up when a user clicks the page. You may create System Messages to be displayed on specific Pages using Disclaimer Shortcode's.
Message Attributes | Description |
---|---|
Title | The title that will be displayed across the top of the System Message when users navigate to that page. |
Identifier | The identifier is used to know which page you want to display the message by using Shortcodes. |
Visibility | This section toggles the visibility of your page which will make it so your users may not see the page, but you can still edit it. |
Language | Select between two language options for a specific page. Tomahawk current supports English and French. |
Content | Content is what will display on the actual page. You may use Shortcodes here to view predefined static or interactive content. For example, a user login form could be displayed on your homepage. |
- To create a System Message merely click the Create Page / Message button on the top right of the Manage System Messaging screen.
- Make sure to select the Page Type from the drop-down menu and change this to Message. It is essential that you do not select Page when creating a System Message.
- Create a Title for the message.
- Give the message a unique Identifier so it can be accessed on your Pages using Disclaimer Shortcodes. Shortcodes are codes used to link our Pages and System Messages together.
- Once an Identifier is created, It is essential to note that you may not use it anymore or you will get an error message.
-
You may modify the visibility of your System Message by toggling the Visible button on or off.
- Toggling a System Message as invisible ensures your users won't see it. Although, you can still edit and view the System Message on the admin side, but it will be displayed as seen in the image below.
- Select which Language you would like your content to be in. OPS-COM currently supports two languages which are English and French.
- Edit the contents of your System Message in the editor found below the messages fields. This is the content that your users will see and will allow you to edit and format the way the text looks.
Once finished, click Save Messaging.
Warning: Clicking Return to Template List before Save Messaging will discard all the changes you just made, meaning that the System Message will not get created or your changes will not occur.
Editing System Messages
You can manage your System Messages Title, Identifier, Visibility, Language, as well as modify the content to include text, images, or Shortcodes.
- To Edit your System Messages click the Messages tab under the Manage System Messaging page.
- Select the Edit button next to the System Message you wish to edit. For this example, we will be editing the Admin Dashboard.
-
You will now be able to adjust the message your users will see using the System Messaging editor. Below are the fields in which you can use to edit the System Message.
Message Attributes Description Title The title that will be displayed across the top of the System Message when users navigate to that page. Identifier The identifier is used to know which page you want to display the message by using Shortcodes. Visibility This section toggles the visibility of your page which will make it so your users may not see the page, but you can still edit it. Language Select between two language options for a specific page. OPS-COM currently supports English and French. Content Content is what will display on the actual page. You may use Shortcodes here to view predefined static or interactive content. For example, a user login form could be displayed on your homepage. - You may use the Title field to change the Title of the System Message.
- You may use the Identifier field to change text used to display a System Message to a Page, but this will require you to modify all Disclaimer Shortcodes using the old unique Identifier for the message you are replacing.
-
You may click Save Messaging when you are finished making your changes.
Add System Messages to Pages using Shortcodes
Now that you know how to create your Pages and System Messages you can bring them together using a Disclaimer Shortcode. A Shortcode is a small body of code surrounded by [ ] used to display complex templates or features. Shortcodes limit the technicality of our system by offering a convenient way to add interactive content without having to know how to script or code.
Please review the Shortcodes for Use on the User Portal for a detailed description of how shortcodes work. You can also find a list of Shortcodes currently available to you by going to the OPS-COM Shortcode Documentation.
Templates and Design
Overview
The User Portal system allows your clients to register, add vehicles, purchase permits and pay violations. It is an important extension of your business, and it should reflect your corporate branding.
Pages and Templates
The OPS-COM user Page will store the functionality and content of your main page, while the Templates will be used to change the functionality of your pages as well as the content around the Page.
Where to Find Templates and Design
Click System Config, Templates & Design to access these features.
All Default Templates
If at any point you feel that you have adjusted the Default <scripts> and <styles> to the point of breaking your site, or you are simply unsure what your changes have done, you can refer to these templates to restore your pages functionality and style.
Understanding Templates & Design
Templates & Designs are the visual functionality of your web page structured around your Page content. OPS-COM provides you with default templates which allow you to get started easily without having to know any code.
- Once you are on the landing page for Templates & Design, you can view a list of your current templates, or create a new one. Templates contain all of the sections found on your User Portal except for the Page content found in the middle of the page. To adjust this you will have to leave Templates & Design and navigate to System Messaging.
- OPS-COM gives you a total of 12 section templates, 6 in English and 6 in French. (Of course, you will have to create the French content yourself as we do not provide a translator).
- Clicking on Toggle Templates will display all of the sections attached to that template. Templates can be created in English and French.
- The contents of our pages are split into four separate sections. Header(1), Content Header(2), Content Footer(4), and Footer(5). See Template Layout right below this guide to get a better understanding of the OPS-COM layout.
- To edit a template Section, simply click Edit next to the section name.
Template Layout
Below is a visual example of how your Pages are split into Sections using Templates. All of the Content (3) of our Pages are added through the System Messages under Pages.
- Header - The header of your page, where you can find your header image and user navigation.
- Content_Header - Another header section for you to place content into, such as alerts or user information. Everything placed here will appear before the Content and Content Footer.
- Content - The content of your pages. Content may not be added from Templates & Design and will require you to navigate to System Messaging.
- Content_Footer - The footer of your Content. Everything placed here will appear after the Content Header and Content. Again, you can use this to display alerts, messages, or additional content to your Template.
- Footer - The footer of your page is where you can find useful information. You can use this area to advertise important information your users might need while using your system.
Page Layouts and Templates
Creating Layouts
To create a layout simply click the Create Layout button found at the top right of the Layouts page.
You will be presented with the Add Layout system message.
- Provide the name of your layout. In this example, we are going to create our own Summer Layout to be used, instead of the default layout.
- Click Save Changes when you are happy with the name of your layout. Once the Layout has been created, you can see it under the Layouts list.
- If you wish to cancel the creation of your layout simply click Close.
- You can see that our Summer Layout was added to the end of our Layouts List with no sections yet.
- You can choose whether or not your template is the Default template at any time by clicking the Non-Default drop-down and selecting Default.
- Anytime you add sections to your Templates it will display how many are attached next to Toggle Templates. As you can see, we don't have any Sections created yet so there are no numbers to be displayed, otherwise, clicking on Toggle Templates would show you a list of all the templates currently attached to that Layout.
7. You can edit the layout name by clicking on the Edit button next to archive.
8. If you would like to archive a layout that you are no longer using, you can click the Archive button next to edit.
Creating Templates
Now that you have a better understanding of how Templates work with Layouts we can start creating our own.
- Click on Toggle Templates.
- Clicking this will display the available Templates attached to the Summer Layout.
- You can now Create a variety of templates for your page, including bilingual support.
- If you are non-technical, it is advised not to change the code for Scripts, Styles, Header, and Footer Templates. You can use the default Style, Script, Header, and Footer Templates from All Default Templates. These can still be edited according to your company and their style guides. See Edit the Page Style and Edit the Page Behaviour below for more information.
Edit the Page Style (CSS)
Important
This guide is used if you intend to adjust the Templates provided to you by OPS-COM. If you choose to rewrite your own Templates you can choose to ignore this.
/* Style properties of our page body, this affects the entire page. */ body { background : black url (/uploads/FILES/OC_TOMA/parking-deck.jpg) center center ; background- size : cover; background-attachment : fixed ; color : #FFF ; } /* This changes the color property of --Find where these classes are used .card, .modal, .list-group-item { color : #333 ; } |
/* Below are all of the styles for our header slideshow at the top of each page. */ /*--------------WORD BANK--------------- * ELEMENTS: Elements are the tags with '<>' around them such as <div> and <img> found in the default header and footer template. * We access them here by giving them a Class name or ID. * PROPERTIES: Properties are used to define certain styles to a class or ID. * CLASS: Generally used to assign a style to a group of HTML elements but can be used on single elements as well. * They are assigned within HTML elements like this: <div class="MyClass"></div> where MyClass would be your class name. * ID's: Generally used to assign styles to a single element but can be used on multiple elements as well. * *--------------CLASSES----------------- * * To learn more about the CSS Position Property see: https://www.w3schools.com/cssref/pr_class_position.asp * For more information on CSS Syntax and Selectors see: https://www.w3schools.com/css/css_syntax.asp * It is not recommended to adjust with the position of elements unless you are sure about the changes being made. This can dramatically change how content is positioned. */ /* Class Names and Elements * [.slideshow-header]: Container that contains our slides and overlay. * * Properties * @position: Adjust the position of the slideshow-header. For more information see: https://www.w3schools.com/css/css_positioning.asp */ .slideshow-header { position : relative ; } /* Class Names and Elements * [.slideshow-header]: Container that contains our slides and overlay. * [.slides]: Controls the style properties of the individual slides. * * Properties * @z-index: Adjust the stack placement of the [.slideshow-header] and [.slides] along the Z axis. * @position: Define the position of the page. * @top:Change in the position from the top of an element. * @left: Change in the position from the left of an element. * @right: Change in the position from the right of an element. * @bottom: Change in the position from the bottom of an element. * @display: Adjusts how the content is displayed on the page. See: https://developer.mozilla.org/en-US/docs/Web/CSS/display and https://www.w3schools.com/css/css_display_visibility.asp * @align-items: Aligns the child elements of this PARENT element to be centered. For a visual example see: https://developer.mozilla.org/en-US/docs/Web/CSS/align-items * @justify-content: Defines how the space disturbed around the child elements. For a visual example see: https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content * * These are the style properties and values of the slideshow header and its individual slides. */ .slideshow-header .slides { z-index : 0 ; position : absolute ; top : 0px ; left : 0px ; right : 0px ; bottom : 0px ; display :flex; align-items: center ; justify- content : center ; } /* Class Names and Elements * [.slideshow-header]: A container that contains our slides and overlay. * [.overlay]: * * Properties * @z-index: Used to layer elements. Elements with a higher z-index number will appear before elements that are lower. * @position: Set the position property for the element. We recommend you do not adjust this property unless you have knowledge on how the changes will affect your page. * * These are the styles for the overlay, as well as additional properties for the slideshow-header. */ .slideshow-header .overlay { z-index : 1 ; position : relative ; } /*--------------ID'S---------------*/ /* ID Names and Elements * [#slideshow-header] is the container used to contain the images you have chosen for your header * * Properties * @overflow: * @opacity: * @box-shadow: Create a box shadow for this element. * EX: box-shadow: a, b, c, d(e, f, g, h); */ #slideshow-header { } /* ID Names and Elements * [#slideshow-header] is the container used to contain the images you have chosen for your header * * Properties * @width: 100% width will take of 100% of that element. * @position: */ #slideshow-header > div { width : 100% ; position : absolute ; } /* ID Names and Elements * [#slideshow-header]: is the container used to contain the images you have chosen for your header. * [div]: Refers to our HTML elements. * [img]: Refers to our images in the slideshow. * * Properties * @width: Defines the width of the images, divs and slideshow-header. A value of 100% will display the image across the entire page. */ #slideshow-header div img { width : 100% ; } |
Edit the Page Behavior (Scripts)
Disclaimer
Please review the list of supported scripting languages below. If a Javascript vendor is unverified it may break the functionality of your site.
API Integration
Additionally, you can use our API to integrate with pay stations and other devices that will allow you to grab useful information from your users.