Utilities Modules

Overview of the Utilities Modules

The Utilities modules enable you share your contact address with users, add code to your site, let user to hide the address bar, redirect to URLs based on schedules, and so on. The Save as image module enables the user to save the content in an image format. You can also add the Cisco brand name to your site using the Powered by Cisco EMSP module.

Various Utilities Modules

This section provides the detailed description of the following Utilities modules:

Add to Contacts

The Add to Contacts module enables you to share your contact information with end users. You can either upload a pre-configured vCard or you can enter the details in the module and let the module create a vCard for you.

With the Add to Contacts module configured, end users can easily download the contact information as a vCard and can save it on their phones.

The end users who have Android and other supported devices can directly download the vCard. For users having iPhone and other unsupported devices, the vCard is sent to their e-mail account from where they can download and save it.

This module enables end users to save your contact information to obtain any services or product related support or to obtain information about your services or products.

Note This module can be used only for web sites.

Configuring the Add to Contacts Module

To configure the Add to Contacts module, perform the following steps:

Step 1 In the Modules panel, enter Add to Contacts. The Add to Contacts module appears in the Modules panel.

Step 2 Drag and drop the Add to Contacts module onto the Canvas. The Edit panel of the module opens.

Step 3 In the Edit panel of the module, specify the required values in the respective fields.

Step 4 Click Save.

Add to Contacts Properties

Main Properties

The main properties enable you to specify the basic module details. The following is the list of Add to Contacts Main properties.

Main Properties

Property

Description

Sender's email display name

The name that appears in the e-mail sent to iPhone and other unsupported devices.

Select type

Whether to upload or create the vCard file. The default value set is Upload (.vcf) contact file.

Upload (.vcf) contact file

You can upload the vCard containing your contact information using the Upload button.

Create (.vcf) contact file

Upload contact image

To upload an image to be included in the contact file.You can upload the image using the Upload Image button.

Enter First name

The first name to be displayed in the vCard

Enter Last name

The last name to be displayed in the vCard.

Designation

The designation to be displayed in the vCard.

Organization

The organization name to be displayed in the vCard.

Mobile Number

The mobile number to be displayed in the vCard.

Work Phone

The work phone number to be displayed in the vCard.

Work Email

The work e-mail address to be displayed in the vCard.

Home Email

The home e-mail address to be displayed in the vCard.

Enter Organization Website

The organization website to be displayed in the vCard.

Enter Website

The personal website to be displayed in the vCard.

Work Address

Address of your office.

Street

The street information of your work address.

City

The city of your work.

State

The state where you work.

Zip code

The zip code of the place where you work.

Add to Contact Button Properties

The Add to Contact Button properties enable you to specify the name and font properties for the button label. The following is the list of Add to Contact Button properties.

Add to Contact Button Properties

Property

Description

Button label

The label text for the button.

Font Family (Touch)

The font type for the Add to Contacts button for touch devices.

Font Family (Non-Touch)

The font type for the Add to Contacts text for non-touch devices.

Font Size (Touch)

The font size for the Add to Contacts button for touch devices.

Text style options

Make text bold (Touch)

To bold the Add to Contacts text in the button for touch devices.

Make text bold (Non-Touch)

To bold the Add to Contacts text for non-touch devices.

Underline text (Non-Touch)

To underline the Add to Contacts text for non-touch devices.

Button label color (Touch)

The color for the button label for touch devices.

Label shadow color (Touch)

The color for the button label shadow for touch devices.

Button label color (Non-Touch)

The color for the link label for non-touch devices.

Background gradient color (Top) (Touch)

The background gradient color for the top portion of label text in touch devices.

Background gradient color (Bottom) (Touch

The background gradient color for the bottom portion of label text in touch devices.

Button width

The width required for the Add to Contacts button in touch devices.

Align (Default button width only)

To align the Add to Contacts button to right, left, or center. This option applies only to the Default width.

Display button as image

To display the button or link in non-touch devices as an image.

Upload image (Touch)

To upload a different image for the Add to Contacts image for touch devices. You can upload the image using the Upload Image button.

Upload image (Non-touch)

To upload a different image for the Add to Contacts image for non-touch devices. You can upload the image using the Upload Image button.

Inner Page Properties

The Inner Page properties enable you to specify the label for the page heading and the submit button. The following is the list of Add to Contacts Inner Page properties..

Inner Page Properties

Property

Description

Header label

The label text for the page heading.

Message

The message that appears in the page.

Submit Button label

The label for the Submit button.

Confirmation Page Properties

The confirmation page properties enable you to configure the label, font, and so on for the confirmation page heading. The following is the list of Add to Contacts Confirmation Page properties.

Confirmation Page Properties

Property

Description

Header

The label text for the page heading.

Message

The message that appears in the page.

Font Family (Touch)

The font type for the entire text for touch devices.

Font Family (Non-Touch)

The font type for the entire text for non-touch devices.

Font color

The font color for the entire text.

Shadow color (Touch)

The font color for the entire text for touch devices.

Go back Button label

The label for the Go Back button.

Background Properties

The Background properties enable you to specify the background details for the module. The following is the list of Add to Contacts Background properties.

Background Properties

Property

Description

Background Color

The color that must appear as background for the area where the module appears.

Background image option

Upload background image (Touch)—To set an image as the background for the entire module. This applies to touch devices.

Upload background image (Non-touch)—To set an image as the background for the entire module. This applies to non-touch devices.

Border Properties

The Border properties enable you to specify the border properties for the Add to Contacts option. The following is the list of Add to Contacts Border properties.

Border Properties

Property

Description

Border Color

The color that you want to use for the module border.

Stroke weight (Px)

The thickness for the border.

Top corner-radius (Px) (Touch)

The value for a rounded effect at the top corner of the border.

Bottom corner-radius (Px) (Touch)

The value for a rounded effect at the bottom corner of the border.

Padding and Margin Properties

The Padding and Margin properties enable you to specify the padding and margin values. The following is the list of Add to Contacts Padding and Margin properties.

Padding and Margin Properties

Property

Description

Padding (Px) (Touch)

The space between the content boundary and the module boundary for touch mode.

Padding (Px) (Non-touch)

The space between the content boundary and the module boundary for non-touch mode.

Margin (Px) (Touch)

The space between the outer border and the sides of device screens.

Margin (Px) (Non-touch)

The space between the outer border and the sides of device screens.

Auto Refresh

The Auto Refresh module enables you refresh your site pages at a defined interval. This module is helpful when your mobile sites contain dynamic content that you update frequently. If you configure an Auto Refresh module in a page, the user gets to view the latest updates easily as the page gets refreshed at the configured interval.

Any valid HTML code snippet renders well on the touch devices. Java scripts can also be included in the HTML code snippet.

To use this module, you must have the following:

A ready- to-use snippet of code

A feed URL

The Code Snippet module makes a provision for the use of such code snippets or Feed URLs for specific functionality. You could use this snippet of code or Feed URL along with other modules to develop your site.

Note You cannot use the code snippet module to render on non-touch devices.

You cannot see anything in the canvas area of the Site Builder even after you paste your code into this module.

Note The iframes in code snippets will not render on devices that do not support it. The iframes works only for pages that have been constructed using a responsive design approach, else a scroll bar appears for the iframe.

Configuring the Code Snippet Module

Step 2 Drag and drop the Code Snippet module onto the Canvas. The Edit panel of the module opens.

Step 3 In the Edit panel of the module, specify the required values in the respective fields.

Step 4 Click Save.

Note The Code Snippet module does not render on the canvas where it is configured.

Code Snippet Properties

Main Properties

The Main button properties enable you to specify the code snippet. The following is the list of Code Snippet Main properties.

Main Properties

Property

Description

Paste your code here

The code that you want to render on your site, if you have chosen the HTML Code mentioned above option in the Pick the html code from drop-down box.

Make sure this is a valid HTML code. In case of an error in the code, nothing will be rendered and displayed in run time.

Advanced Properties

The Advanced properties enable you to specify the HTML code and Feed URL details. The following is the list of Code Snippet Advanced properties..

Advanced Properties

Property

Description

Pick the html code from

The source from which the HTML code is to be picked.

Feed URL

The Feed URL to process and display the data on your mobile site, if you have chosen the Feed Mentioned below option in the Pick the html code from drop-down box.

Feed Adapter Key

The feed adapter key.

Style Properties

The Style properties enable you to specify the style and alignment for the code snippet module. The following is the list of Code Snippet Style properties.

Style Properties

Property

Description

Background Color

The color for the background area where the code snippet is rendered.

Add Background Image

To use an image as background. You can upload the image using the Upload Image button.

Padding (Px)

The value for padding.

Margin (Px)

The value for margins.

Compatible Devices

All touch devices that support JavaScript and jQuery can render this module. The module has been successfully tested on the following devices:

Compatible Devices

Device

Platform

iPhone 4

iOS 4

iPod Touch

iOS 4

Motorola Droid

Android 2.2

Motorola Verizon

Android 2.2

Hide Address Bar

The Hide Address Bar module helps the user to hide the address bar in a page. This module helps the user to hide the address bar and increase the display area on the site. This creates an app-like experience for the mobile site user. The user is hence able to view more content across the same screen.

The Hide Address Bar module does not have any UI and Edit panel configurations. To hide the address bar of all the pages in the site, use this module in the header or footer of the canvas. To hide the address bar of a specific page, configure this module in the body of canvas.

This module is compatible only with touch devices. For the non-touch Canvas View, the following message is displayed: “Hide Address Bar Module. This module is only compatible with touch devices”.

Configuring the Hide Address Bar Module

To configure the Hide Address Bar module, perform the following steps:

Step 2 Drag and drop the Hide Address Bar module onto the Canvas. The Edit panel of the module opens.

Step 3 In the Edit panel of the module, click Save.

Note This module can be used only for web sites.

Link Back

The Link Back module enables you to transfer, connect, or redirect your site users from your site to a specific page on another mobile site. You can pass relevant metadata to the target URL, using pre-defined key-value pairs for your analytics systems, or using the custom key value pairs.

This module helps you redirect your users, who are in promotional mobile site page to their main mobile site page. You can also pass analytics metadata as key value pairs to the target URL. Also, you can configure additional custom key value pairs relevant to your business need or requirement.

This module can act as a link between a micro-site created for a specific purpose and the mainstream mobile site. It can be used by retailers for promotions, Hotels, Online Movie Ticket/Show agents, and so on.

Configuring the Link Back Module

To configure the Link Back module, perform the following steps:

Step 1 In the Modules panel, enter Link Back. The Link Back module appears in the Modules panel.

Step 2 Drag and drop the Link Back module onto the Canvas. The Edit panel of the module opens.

Step 3 In the Edit panel of the module, specify the required values in the respective fields.

Step 4 Click Save.

Link Back Properties

Main Properties

The Main properties enable you to specify the label for the Link Back button and the URL to which the site page is to be redirected when the user click the Link Back button. The following is the list of Link Back Main properties.

Main Properties

Property

Description

Enter button Label

The label for the Link Back button.

Enter Redirect URL

The URL to which the page is to be redirected when the user click the Link Back button.

Manual Tracking Properties

The Manual Tracking properties enable you to specify the custom URL attributes to be passed to the new URL. To add a new parameter, click the add button and enter the Field and Value parameters you want to append to the URL. The following is the list of Link Back Manual Tracking properties.

Manual Tracking Properties

Property

Description

Field

The field to which the attribute is to be passed.

Value

The value to be passed for the field.

Dynamic Tracking Properties

The Dynamic Tracking properties enable you to specify the dynamic URL attributes to be passed to the new URL. The following is the list of Link Back Dynamic Tracking properties.

Dynamic Tracking Properties

Property

Description

User METADATA

The user attributes to be passed to the redirect URL.

Device name (default : device)

To pass the device name to the redirect URL. Device name refers to the device from which the site/module is accessed.

Operator (default : operator)

To pass the operator name to the redirect URL.

Operator refers to the user’s mobile service provider.

User-Agent (default : userAgent)

To pass the user agent name to the redirect URL. For example, the browser through which the user accessed the site.

Country (default : country)

To pass the country name to the redirect URL. The country from which the user visited the site page.

SESSION METADATA

The session attributes that are to be passed to the redirect URL.

Session Id (default: sessionId)

To pass the session ID to the redirect URL.

Source(default :src)

To pass the source to the redirect URL. Refers to the source through which the user visits the page.

URL (default :URL)

To pass the URL details to the redirect URL.

Page Title (default:page)

To pass the page title to the redirect URL.

Site (default : site)

To pass the site details to the redirect URL.

Project (default:project)

To pass the project details to the redirect URL.

Button Style Properties

The Button Style properties enable you to specify the font details for the Link Back button. The following is the list of Link Back Button Style properties.

Button Style Properties

Property

Description

Button label Font Family (Touch)

The font family that you want to use for the Link Back button label for the touch devices.

Button label Font Family (Non-touch)

The font family that you want to use for the Link Back button label for the non-touch devices.

Button label Font size (Touch)

The font size that you want to use for the Link Back button label for the touch devices

Text Style Options

Make text Bold (Touch)

To make the button label text bold.

Button label color (Touch)

The color for the Link Back button label for the touch devices.

Label shadow color (Touch)

The shadow color for the Link Back button for the touch devices.

Background gradient color (Top) (Touch)

The background gradient color for the top of the button for the touch devices.

Background gradient color (Bottom) (Touch)

The background gradient color for the bottom of the button for the touch devices.

Button label color (Non-touch)

The color for the Link Back button label for the non-touch devices.

Background color (Non-touch)

The background color for the Link Back button for the non-touch devices.

Button width (Touch)

The width required for the Link Back button for the touch devices.

Align (Default button width only)

To align the Link Back button to the center, right or left of the page.

Display button as Image

To display the Link Back button as image.

Upload Image (Touch)

To upload the image that must appear as the Link Back button for the touch devices. You can use the Upload Image button to upload the image.

Upload Image (Non-touch)

To upload the image that must appear as the Link Back button for the non-touch devices. You can use the Upload Image button to upload the image.

Background Properties

The Background properties enable you to specify the background details for the Link Back button The following is the list of Link Back Background properties.

Background Properties

Property

Description

Background Color

The background color for the Link Back button.

Background image options

Upload background image (Touch)

To upload the background image for the Link Back button for the touch devices. You can use the Upload Image button to upload the image.

Upload background image (Non-touch)

To upload the background image for the Link Back button for the non-touch devices. You can use the Upload Image button to upload the image.

Repeat Horizontally Only

To repeat the background image horizontally only.

Use CSS gradient for background (Touch)

To use css gradient for background for touch devices.

Background gradient color (Top) (Touch)

The color for gradient at the top for the touch devices.

Background gradient color (Bottom) (Touch)

The color for gradient at the bottom for the touch devices.

Border Properties

The Border properties enable you to specify the border details for the Link Back button The following is the list of Link Back Border properties.

Border Properties

Property

Description

Border Color

The border color for the Link Back button.

Stroke Weight

The thickness for the border line.

Top corner radius (Px)

The value to apply a rounded corner effect to the top corners.

Bottom corner radius (Px)

The value to apply a rounded corner effect to the bottom corners.

Padding and Margin Properties

The Padding and Margin properties enable you to padding and margin values for the Link Back button The following is the list of Link Back Padding and Margin properties.

Padding and Margin Properties

Property

Description

Padding

Padding (Px) (Touch)

The space between the content boundary and the module boundary for touch mode.

Padding (Px) (Non-touch)

The space between the content boundary and the module boundary for non-touch mode.

Margin

Margin (Px) (Touch)

The space between the module boundary and the sides of device screen for touch mode.

Margin (Px) (Non-touch)

The space between the module boundary and the sides of device screen for non-touch mode.

Save Content as Image

The Save Content as Image module is a container module that can hold other modules in it and can save them as an image on the user's device. This module has a default download button. You can apply style to the download button.

Some of the use cases of this module are as follows:

If a retail brand wants to allow its customers to save a coupon as an image on their phones.

If a retail brand wants the coupons that they offer to be saved along with their brand logo and other ad messages on mobile devices to add to their brand image.

Using the Save Content as Image Container, the coupon module can be displayed along with retailer branding and other modules such as image, text, separator, and son on. As long as these modules are included in the container, they are be saved (as an image) along with the coupon module.

The Save Content as Image Container displays a Download button. When the customer clicks download, the coupon is saved as an image in the user’s device.

Note There has to be at least one module inside the Save content as Image module to view the preview.

Note This module can be used only for web sites.

Configuring the Save Content as Image Module

To configure the Save Content as Image module, perform the following steps:

Step 1 In the Modules panel, enter Save Content as Image. The Save Content as Image module appears in the Modules panel.

Step 2 Drag and drop the Save Content as Image module into the Canvas.

Step 3 Drag and drop other modules such as Coupon, Text, and Image modules into the Save Content as Image module.

Step 4 In the Edit panel of each module in the Save Content as Image module, specify the required values in the respective fields, and click Save.

Step 5 In the Edit panel of the Save Content as Image module, specify the required values in the respective fields.

Step 6 Click Save.

Save Content as Image Properties

Main Properties

The Main properties enable you to specify the image details. The following is the list of Save Content as Image Main properties.

Main Properties

Property

Description

Image label

The label text for the image. The default label is Image. This is the name with which the image gets downloaded.

Download Button Properties

The Download Button properties enable you to specify the label, font, and so on for the Download button. The following is the list of Save Content as Image Download Button properties.

Download Button Properties

Property

Description

Button Label

The button label for the Download button.

Font Color

The color that must appear as the color for the download text.

Font Family (Touch)/Font Family (Non-Touch)

The desired font family from the respective drop-down options, to display on touch/non-touch devices.

Font Size (Touch)

The desired font size to display on touch devices.

Text Style options

Make text bold (Touch)— To bold the download button text for touch devices.

Padding and Margin Properties

The Padding and Margin properties enable you to specify the padding and margin values. The following is the list of Save Content as Image Padding and Margin properties.

Padding and Margin Properties

Property

Description

Padding (Px) (Touch)

The space between the content boundary and the module boundary for touch mode.

Padding (Px) (Non-Touch)

The space between the content boundary and the module boundary for non-touch mode.

Margin (Px) (Touch)/(Non-Touch)

The space between the outer border and the sides of device screens for touch mode.

Margin (Px) (Non-Touch)

The space between the outer border and the sides of device screens for non-touch mode.

Scheduled Redirector

The Scheduled Redirector module helps you to redirect an end user to a URL based on a configurable time slot.

You may have a set of sites or pages that you want the user to view during various time slots. To redirect the user for a given time interval, you can configure multiple Scheduled Redirector modules (each with a different URL) in a landing page.

If the source parameter is a QR code, the source parameter reads like siteurl?/src=qr. No other parameter must get added while passing from the source page. The parameter must be passed directly to the target page.

Note This module can be used only for web sites.

Before you begin to use the Scheduled Redirector module, you need to identify your source and target pages. For this:

You must create a landing or source page with one or multiple redirect modules configured in it.

You must create a micro site for the target page. You can configure the micro site URL in the Scheduled Redirector module.

You can also decide on an external page for the target page.You can configure the external page URL in the Scheduled Redirector module.

The features of the Scheduled Redirector module are:

Redirect to a page in the same site.

Use more than one redirector in a page.

Overlap times configured in two modules.

Cyclic redirection if the module is not the first module in the header. However, cyclic redirection is strongly discouraged.

Pass a source/tracking parameter for Analytics.

Append URL parameter.

Note If you need to use multiple Scheduled Redirector modules on the source page, it is recommended that you use different time slots for different scheduled redirector modules.

Note Do not overlap time slots in two (or more) Scheduled Redirector modules in the same source page.

Configuring the Scheduled Redirector Module

To configure the Schedule Redirector module, perform the following steps:

Step 2 Drag and drop the Scheduled Redirector module onto the Canvas. The Edit panel of the module opens.

Step 3 In the Edit panel of the module, specify the required values in the respective fields.

Step 4 Click Save.

Scheduled Redirector Properties

Main Properties

The Main properties enable you to specify the URL and time zone details for redirection. The following is the list of Scheduled Redirector Main properties.

Main Properties

Property

Description

Redirect to this URL

The URL of the page that you want to redirect. You can use the browse button to configure the URL.

This link can be configured to internal pages in the Site Builder or even to external URLs.

Start date

The start date for the module in the specified format (MM/DD/YYYY).

Note Enter a valid date. If an invalid date is entered, it throws up an error message in the canvas area.

Start time

The start time for the module.

Note If the start time is not configured default 00:00 hrs. is set.

End date

The end date for the module in the specified format (MM/DD/YYYY).

Note Enter a valid date. If an invalid date is entered, it throws up an error message in the canvas area.

End time

The end time for the module.

If the start time is not configured default 00:00 hrs. is set.

Select time zone

The appropriate time zone. While configuring the module, you need to consider various time zones of end users who access this site.

Switch to Full Site

The Switch to Full Site module enables the end user to switch to the desktop version from mobile web version of your site.

On the main page, the module uses the base URL configured in the Edit Panel.

When used with a feed-based module such as the Stories module, the Switch to Full Site module has the capability to accept the URL of an article page from the feed. The module uses the URL from the feed to redirect the user to the article page in the desktop version site. In such a case, the module automatically appends the Base URL with the URL of the article page found from the feed. If the feed does not specify URLs of articles, then the module uses the Base URL specified in the Edit Panel.

When users click the Switch to Mobile Site option on the desktop site, users are redirected back to the mobile web page from which they visited the desktop site. The module then appends the Base URL with the URL found from the Switch to Mobile Site feature.

Note We highly recommend that you use a relative path or relative URL in the Switch to Mobile Site option on your desktop site. This helps prevent unwarranted attacks on your site.

Note This module can be used only for web sites.

Configuring the Switch to Full Site Module

To configure the Switch to Full Site module, perform the following steps:

Step 1 In the Modules panel, enter Switch to Full Site. The Switch to Full Site module appears in the Modules panel.

Step 2 Drag and drop the Switch to Full Site module onto the Canvas. The Edit panel of the module opens.

Step 3 In the Edit panel of the module, specify the required values in the respective fields.

Step 4 Click Save.

Switch to Full Site Properties

Main Properties

The Main properties enable you to specify the full web URL details. The following is the list of Switch to Full Site Main properties.

Main Properties

Property

Description

Full Web URL

The full web URL of your site.

Create a Session Cookie

The text that represents the session cookie.

You need to contact the desktop site web server administrator for cookie-related specifications and information.

Value

The cookie value.

You need to contact the desktop site web server administrator for cookie value.

Add Parameter Value to the URL

The parameter value to avoid redirecting the end user to the mobile version.

Parameter Name

The name of parameter specified on desktop version of your site.

You need to contact the desktop site web server administrator for parameter-related specifications and information.

Value

The parameter value.

Background Properties

By default, background properties apply to both touch and non-touch modes. The following is the list of Switch to Full Site Background properties.

Background Properties

Property

Description

Background color

The background color for the module.

Add Background Image (Touch)

To use an image as the background for the module for touch mode. You can upload the image using the Upload Image button.

Add Background Image (Non-touch)

To use an image as the background of the module for non-touch mode. You can upload the image using the Upload Image button.

Repeat Horizontally Only

To repeat the background image horizontally only.

Border Properties

The Border properties enable you to specify the border color and border thickness for the module. The following is the list of Switch to Full Site Border properties.

Border Properties

Property

Description

Border Color

The border color for the module.

Stroke weight (Px)

The thickness for the border line.

Top corner-radius (px) (Touch)

The value to apply a rounded corner effect to the top corners for touch devices.

Bottom corner-radius (px) (Touch)

The value to apply a rounded corner effect to the bottom corners for non-touch devices.

Padding and Margin Properties

The Padding and Margin properties enable you to specify the padding and margin values. The following is the list of Switch to Full Site Padding and Margin properties.

Padding and Margin Properties

Property

Description

Padding (Px) (Touch)

The space you want to leave between the content and the module boundary for touch mode.

Padding (Px) (Non-touch)

The space you want to leave between the content and the module boundary for non-touch mode.

Margin (Px) (Touch)

The space between the module boundary and the sides of device screen for touch mode.

Margin (Px) (Non-touch)

The space between the module boundary and the sides of device screen for non-touch mode.

Text Properties

The Text properties enable you to specify the details of text. The following is the list of Switch to Full Site Text properties.

Text Properties

Property

Description

Link Label

The text that appears on the Switch to Full Web button.

Font Color

The font color for the link text.

The font color applies to the link text in both touch and non-touch modes.

Font Family (Touch)

The font family that you want to apply to the link text.

Font Family (Non-touch)

The font family that you want to apply to the link text.

Font Size (Touch)

The font size that you want to apply to the link text.

Make Text Bold

To display the text with bold text formatting on touch mode.

Make Text Bold (Non-touch)

To display the text with bold text formatting on non-touch mode.

Make Text Italic (Touch)

To display the text in italics on touch mode.

Make Text Italic (Non-touch)

To display the text in italics on non-touch mode.

Underline Text (Non-touch)

To display the titles of show items with underline on non-touch mode.

Postback

The Postback module enables you to send a message to a particular URL, when the end user opens the page in which the Postback module is configured.

You can configure the parameters that must be passed. You can include the parameters in the URL or in the body of the message that is send.

Configuring the Postback Module

To configure the Postback module, perform the following steps:

Step 1 In the Modules panel, enter Postback. The Postback module appears in the Modules panel.

Step 2 Drag and drop the Postback module onto the Canvas. The Edit panel of the module opens.

Step 3 In the Edit panel of the module, specify the required values in the respective fields.

Step 4 Click Save.

Postback Properties

Main Properties

The Main properties enable you to specify the postback URL and postback parameters. The following is the list of the Postback Main properties.

Main Properties

Property

Description

Postback URL

The URL to which the postback message is to be send.

Post Parameters

The parameters to be available in the postback URL or the postback message.

Post Method

The method in which the parameters are to be passed. The following methods are available for selection:

Get-The parameters are included in the URL.

Post- The parameters are included in the message.

Powered by Cisco EMSP

The Powered by Cisco EMSP module is used to effectively mark any site with the official Cisco branding.

Branding helps Cisco customers to recognize Cisco products and is also an important prerequisite for patents.

Note The images used are in HD size and have to be displayed using lesser resolution on actual devices.

Configuring the Powered by Cisco EMSP Module

To configure the Powered by Cisco EMSP module, perform the following steps:

Step 1 In the Modules panel, enter Powered by Cisco EMSP. The Powered by Cisco EMSP module appears in the Modules panel.

Step 2 Drag and drop the Powered by Cisco EMSP module onto the Canvas. The Edit panel of the module opens.

Step 3 In the Edit panel of the module, specify the required values in the respective fields.

Step 4 Click Save.

Powered by Cisco EMSP Properties

Style Properties

The Main properties enable you to specify the style and alignment for the module. The following is the list of Powered by Cisco EMSP Style properties.

Style Properties

Property

Description

Select Style

The layout color required. The layout colors can be grey, white, or color. “Color” is set as default.

Align

The module can be aligned to the left, center or right.

Background Properties

By default, the background properties apply to both touch and non-touch modes. The following is the list of Powered by Cisco EMSP Background properties.

Background Properties

Property

Description

Background Color

The background color for the entire module.

Background Image

To add a background image with an option to repeat horizontally.

Border Properties

The Border properties enable you to specify the border properties for the module. The following is the list of Powered by Cisco EMSP Border properties.

Border Properties

Property

Description

Border Color

The color for the border.

Stroke weight (Px)

The thickness for the border.

Top corner radius (Px)

The value for the top corner radius to give a rounded effect to the border. This is applicable only to touch devices.

Bottom corner radius (Px)

The value for the bottom corner radius to give a rounded effect to the border. This is applicable only to touch devices.

Padding and Margin Properties

The Padding and Margin properties enable you to specify the padding and margin values. The following is the list of Powered by Cisco EMSP Padding and Margin properties.

Padding and Margin Properties

Property

Description

Padding (Px) (Touch)

The space you want to leave between the content and the module boundary for touch mode.

Padding (Px) (Non-touch)

The space you want to leave between the content and the module boundary for non-touch mode.

Margin (Px) (Touch)

The space between the module boundary and the sides of device screen for touch mode.

Margin (Px) (Non-touch)

The space between the module boundary and the sides of device screen for non-touch mode.

Web Clip Prompt

A Web Clip is a shortcut to a specific website or web page that can be created in the iPhone web browser and stored in the iPhone's home screen. When a user taps the web clip, the web browser automatically launches the particular website.

The Web Clip Prompt module enables the end users to create short cuts for their site pages in the home page.

If you configure a Web Clip Prompt module in a page, a pop-up message appears when the end user opens that site page. If the user presses the “+” icon in the screen, a Add to Home Screen option appears. If the user press this option, a shortcut appears for that page in the home page. This enables the end users to easily access the pages that they want to visit frequently.