GS1UiShowHeader - Gs1TestTeam/GS1_Angular_Prototype GitHub Wiki
Display GS1 Canada's logo, navigation information. This component includes the GS1UiShowLogo and GS1UiShowNavigation components.
| Attributes | type | Description |
|---|---|---|
| logoW | Number | Define the width of GS1 Canada's logo image (e.g: 60) |
| logoH | Number | Define the height of GS1 Canada's logo image (e.g: 60) |
| logoS1 | string | Define a slogan, which is displayed the top of GS1 Canada's website (e.g: Welcome to GS1 Canada) |
| logoS2 | string | Define a slogan, which is displayed the top of GS1 Canada's website (e.g: The Global Language of Business) |
| displayN | Array | Define function names in GS1 Canada's menu bar (e.g: ['Analysis View1', 'Analysis View2', 'Analysis View3']) |
| gUrl | Array | Define function path, which are used in Angular Routing (e.g: ['list1', 'list2', 'list3']) |
Source Code:
<app-gs1-ui-show-header
[logoW] = "60"
[logoH] = "60"
[logoS1] = "'Welcome to GS1 Canada'"
[logoS2] = "'The Global Language of Business'"
[displayN] = "['Analysis View1', 'Analysis View2', 'Analysis View3']"
[gUrl] = "['list1', 'list2', 'list3']"
>
</app-gs1-ui-show-header> Output:
Source Code:
<app-gs1-ui-show-header
[logoW] = "40" <-- change the width to 40
[logoH] = "40" <-- change the height to 40
[logoS1] = "'With GS1 Canada,'" <-- change slogan
[logoS2] = "'Improve Your Business Communication'" <-- change slogan
[displayN] = "['Analysis View1', 'Analysis View2']" <-- remove 'Analysis View3'
[gUrl] = "['list1', 'list2']" <-- remove 'list3'
>
</app-gs1-ui-show-header> Output:
