How to manage Directions?

On the Google Maps Bank’s Navigation Panel, select Layout Settings – Directions.

Once you click on “Directions”, you will be redirected to the following page as mentioned below.

Once you would reach the page as seen above, you would be able to manage settings for Directions. For this, you would need to click on particular tabs which you would like to modify from top of the page.

How to manage General Settings for Directions?

In order to manage general settings for Directions, you would need to click on “General” tab.

Once you click on “General”, you will be redirected to the following page as mentioned below.

Here is the description of each control on the page.

Background Color : In this field, you would need to choose “Background Color” for Direction Window.

Background Opacity : In this field, you would need to provide “Background Opacity” for Direction Window. It should be from 0 to 100.

Once everything is being setup, you would need to click on “Save Changes” button located at bottom of the page to save the settings.

How to manage Header for Directions?

In order to manage header settings for Directions, you would need to click on “Header” tab.

Once you click on “Header”, you will be redirected to the following page as mentioned below.

Directions Screen

Here is the description of each control on the page.

Title Style : In this field, you would need to choose “Font Size and Color” for Header of Direction Window.

Font Family : In this field, you would need to choose “Font Family” for Header of Direction Window.

Background Color : In this field, you would need to choose “Background Color” for Direction Window.

Background Color Opacity : In this field, you would need to provide “Background Color Opacity” for Direction Window. It should be from 0 to 100.

Once everything is being setup, you would need to click on “Save Changes” button located at bottom of the page to save the settings.

How to manage Controls for Directions?

In order to manage controls for Directions, you would need to click on “Controls” tab.

Once you click on “Controls”, you will be redirected to the following page as mentioned below.

Here is the description of each control on the page.

Title Style : In this field, you would need to choose “Font Size and Color” for Title.

Font Family : In this field, you would need to choose “Font Family” for Title.

Input Field Height : In this field, you would need to provide “Height” for Input Field.

Input Field Width : In this field, you would need to provide “Width” for Input Field.

Input Field Text Style : In this field, you would need to choose “Font Size and Color” for Input Field.

Input Field Font Family : In this field, you would need to choose “Font Family” for Input Field.

Input Field Background Color : In this field, you would need to choose “Background Color” for Input Field.

Input Field Background Opacity : In this field, you would need to provide “Background Opacity” for Input Field. It should be from 0 to 100.

Input Field Margin : In this field, you would need to provide “Margin” for Input Field.

Input Field Padding : In this field, you would need to provide “Padding” for Input Field.

Input Field Placeholder-From : In this field, you would need to provide From Placeholder Name which you would like to show on your Placeholder.

Input Field Placeholder-To : In this field, you would need to provide To Placeholder Name which you would like to show on your Placeholder.

Default Mode : In this field, you would need to choose “Default Mode” for Directions.

Input Field Placeholder Style : In this field, you would need to choose “Font Size and Color” for Input Field Placeholder.

Input Field Placeholder Font Family : In this field, you would need to choose “Font Family” for Input Field Placeholder.

Line Color : In this field, you would need to choose “Color” for Lines.

Line Color Opacity : In this field, you would need to provide “Color Opacity” for Lines. It should be from 0 to 100.

Show Default From Location : In this field, you would need to choose Enable to display a default from location.

Default Location : In this field, you would need to choose an option for providing the default from location. You can provide “Formatted Address” or “Latitude & Longitude” values of location.

Show Default To Location : In this field, you would need to choose Enable to display a default to location.

Default Location : In this field, you would need to choose an option for providing the default to location. You can provide “Formatted Address” or “Latitude & Longitude” values of location.

Once everything is being setup, you would need to click on “Save Changes” button located at bottom of the page to save the settings.

How to manage Buttons for Directions?

In order to manage buttons for Directions, you would need to click on “Buttons” tab.

Once you click on “Buttons”, you will be redirected to the following page as mentioned below.

Here is the description of each control on the page.

Height & Width : In this field, you would need to provide “Height & Width” for Get Direction Button.

Alignment : In this field, you would need to choose “Alignment” for Get Direction Button.

Text Style : In this field, you would need to choose “Font Size and Color” for Get Direction Button.

Text Font Family : In this field, you would need to choose “Font Family” for Get Direction Button.

Background Color : In this field, you would need to choose “Background Color” for Get Direction Button.

Background Opacity : In this field, you would need to provide “Background Opacity” for Get Direction Button. It should be from 0 to 100.

Once everything is being setup, you would need to click on “Save Changes” button located at bottom of the page to save the settings.

How to manage Text Directions?

In order to manage Text Directions, you would need to click on “Text Directions” tab.

Once you click on “Text Directions”, you will be redirected to the following page as mentioned below.

Here is the description of each control on the page.

Text Direction Width : In this field, you would need to provide “Width” for Text Direction.

Text Style : In this field, you would need to choose “Font Size and Color” for Text Direction.

Text Font Family : In this field, you would need to choose “Font Family” for Text Direction.

Background Color : In this field, you would need to choose “Background Color” for Text Direction Panel.

Background Opacity : In this field, you would need to provide “Background Opacity” for Text Direction Panel. It should be from 0 to 100.

Border Style : In this field, you would need to provide “Width, Style and Color” for Border of Text Direction Panel.

Border Radius : In this field, you would need to provide “Border Radius” for Text Direction Panel.

Once everything is being setup, you would need to click on “Save Changes” button located at bottom of the page to save the settings.