# NavBar

This sheet is used to operate the controls on navigation bar. Following are the options available.

## 1. Style 

![Style Settings for NavBar](https://2417500603-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MBSmybPoMOkUYIdcSj1%2F-MIc0U9ZsaCj7TpfH7Z5%2F-MIc6zPOuqERk_-49byx%2Fimage.png?alt=media\&token=13a5b2c2-7802-402b-af74-2a9b65385c04)

| Name                   | Description                                                                                                                                                                                                                                                              |
| ---------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| Background Color       | Color Name or Hex code can be entered to change the background color of the NavBar.                                                                                                                                                                                      |
| Transparent Background | **Yes** - If selected, Navbar will be displayed with Transparent Background.                                                                                         **No** - if selected, Background color will be set with the color selected in '*Background Color*'. |
| Stick Nav Bar          | **Yes** - If selected, NavBar will stick to the top during scrolling of the page.                                                                                               **No** - If selected, NavBar will be visible only after full scroll up.                  |

## 2. Logo 

![Logo/Text Settings for NavBar](https://2417500603-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MBSmybPoMOkUYIdcSj1%2F-MIcBeNP3OCfYiN4D3NR%2F-MIcCMGUT6tCGCh6K-e4%2Fimage.png?alt=media\&token=acafd18c-eca7-422a-afaa-f6b0ca18b036)

| Name               | Description                                                                                                                                                                                                                                                                                                                                                                              |
| ------------------ | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Image or Text      | <p><strong>Image</strong> -  If selected, respective image provided in column '<em>Image Link</em>' will be displayed on the NavBar. </p><p> <strong>Text</strong> -  If selected, respective text provided in the column '<em>Text</em>' will be displayed on the NavBar.</p>                                                                                                           |
| Image Link or Text | <p><strong>Image Link</strong> - If selected, link of the image should be provided to get it displayed on NavBar.( Should be entered only if '<em>Image'</em>  is selected  in previous selection).</p><p><strong>Text</strong> - If selected, Text should be provided to get it displayed on NavBar.( Should be entered only if '<em>Text'</em> is selected in previous selection).</p> |
| Font Name          | Select a font name from the drop down.                                                                                                                                                                                                                                                                                                                                                   |
| Font Color         | Enter the Hex Code of the Font Color or just enter the color name as 'red', 'green', 'purple' etc.                                                                                                                                                                                                                                                                                       |

## 3.  Menu

![Menu Settings for NavBar](https://2417500603-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MBSmybPoMOkUYIdcSj1%2F-MIcGmp6T5TdtHlLYpNp%2F-MIcI_evfvyFhCShdnbA%2Fimage.png?alt=media\&token=1885fc90-f711-466a-977c-e9a8ced5cb04)

| Name       | Description                                                                                                                                                                                                                                                                                                                     |
| ---------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Font Color | Enter the Hex Code of the Font Color or just enter the color name as 'red', 'green', 'purple' etc for '*Menu*' content.                                                                                                                                                                                                         |
| Alignment  | <p><strong>Center</strong> - If selected, Menu items will be displayed in Center of the NavBar.</p><p><strong>Left</strong>- If selected,  Menu items will be displaced to the Left of the NavBar.</p><p><strong>Right</strong> - If selected, Menu items will be displated to the right of the NavBar.                    </p> |

## 4. Menu- Detailed&#x20;

![Table to add different menu](https://2417500603-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MBSmybPoMOkUYIdcSj1%2F-MIcGmp6T5TdtHlLYpNp%2F-MIcLgQXxWeUFhQYJcSQ%2Fimage.png?alt=media\&token=1202739d-8a3d-4874-9083-b4c7f2f79bc5)

| Name          | Description                                                                                     |
| ------------- | ----------------------------------------------------------------------------------------------- |
| Name          | Name of the menu                                                                                |
| Link          | Link to be navigated to on click of the menu item should be provided.                           |
| Markdown text | Name of the menu should be provided which has to be displayed on NavBar.                        |
| Image Link    | Link of the image should be provided if menu item should be displayed as image instead of text. |