Skip to content

page-router-outlet make issue for other UI element in tkMainContent in first attempt  #1237

Open
@ali4fun

Description

@ali4fun

it again happened in NS6. this page-router-outlet making problem to load other UI elements. in first attempt it make page full screen after move between component it load UI elements.
why this not load all UI element in first attempt ?
how can I solve this issue ?

<GridLayout rows="auto,*,30,auto" tkMainContent>
			<FlexboxLayout *ngIf="!chatview" row="0"
				[style.flex-direction]="(locale.locale == 'ar')? 'row': 'row-reverse'"
				[style.visibility]="showSearchBar? 'visible': 'collapsed'" alignItems="stretch"
				[style.height]="searchHight1 | async" justify-content="space-between"
				style="background-color: #EB2A44;">
				<Image order="1" src="res://logo_w" style="height: 37dp; margin: 13dp; "></Image>
				<TextField order="2" flexGrow="2" [class]="(locale.locale == 'ar')? 'search-rtl': 'search-ltr'"
					returnKeyType="search" [(ngModel)]="searchText" [hint]="locale._('app.search')"
					(returnPress)="goToSearch()">
				</TextField>
				<Image order="3" alignSelf="center" src="res://ic_menu_white" (tap)="openDrawer()"
					style="height: 32; margin: 13dp;"></Image>
			</FlexboxLayout>
			<GridLayout row="1" android:rowSpan="2">
				<page-router-outlet></page-router-outlet>
			</GridLayout>

			<BottomBar row="3" id="bottomBar"  [hide]="hidden" [titleState]="titleState"
				(loaded)="tabLoaded($event)" (tabSelected)="tabSelected($event)" [inactiveColor]="inactiveColor"
				[accentColor]="accentColor" colored="true" style="margin: 0; padding: 0;">

				<BottomBarItem badgeBackgroundColor="white" [badge]="null" icon="res://home" [title]="this.locale._('links.home')"
					checkedIcon="res://home">
				</BottomBarItem>
				<BottomBarItem badgeBackgroundColor="white" [badge]="null" icon="res://listing" [title]="this.locale._('links.listing')"
					checkedIcon="res://listing">
				</BottomBarItem>
				<BottomBarItem badgeBackgroundColor="white" [badge]="null" icon="res://chat" [title]="this.locale._('links.chats')"
					checkedIcon="res://chat">
				</BottomBarItem>
				<BottomBarItem badgeBackgroundColor="white" [badge]="null" icon="res://profile" [title]="this.locale._('links.profile')"
					checkedIcon="res://profile">
				</BottomBarItem>

			</BottomBar>
</GridLayout>

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions