Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

How to show absoluteLayout over pager --closed #45

Closed
MuhammadTahir92 opened this issue Feb 15, 2018 · 2 comments
Closed

How to show absoluteLayout over pager --closed #45

MuhammadTahir92 opened this issue Feb 15, 2018 · 2 comments

Comments

@MuhammadTahir92
Copy link

_```

<AbsoluteLayout style="margin-top:50;">
    <!-- <Label text="10, 10" left="0" top="50" width="90" height="90" backgroundColor="red"></Label> -->
    <GridLayout    left="0" top="50" rows="auto" backgroundColor="yellow" top="20" columns="*,*,*,*,*,*,*">
        <Label text="This text should be on top of pager" ></Label>
    </GridLayout>
</AbsoluteLayout>

<Pager  row="1" [items]="items | async" #pager (selectedIndexChange)="onIndexChanged($event)" class="pager" backgroundColor="lightsteelblue">
    <ng-template let-i="index" let-item="item">
        <GridLayout rows="*" columns="*">
            <StackLayout orientation="vertical" backgroundColor="red">
                <Label class=" h6" style="font-size:13;" [text]='item.title'></Label>
            </StackLayout>
        </GridLayout>
    </ng-template>
</Pager>

``

@farzeni
Copy link

farzeni commented Feb 15, 2018

@MuhammadTahir92

better way:

<GridLayout rows='*' columns='*'>
   <Pager  row="1" [items]="items | async" #pager (selectedIndexChange)="onIndexChanged($event)" class="pager" backgroundColor="lightsteelblue">
      <ng-template let-i="index" let-item="item">
        <GridLayout rows="*" columns="*">
            <StackLayout orientation="vertical" backgroundColor="red">
                <Label class=" h6" style="font-size:13;" [text]='item.title'></Label>
            </StackLayout>
        </GridLayout>
      </ng-template>
  </Pager>
  <Label text="This text should be on top of pager" style='margin-top:50;'></Label>
</GridLayout>

@MuhammadTahir92
Copy link
Author

Thanks @farzeni

@MuhammadTahir92 MuhammadTahir92 changed the title How to show absoluteLayout over pager How to show absoluteLayout over pager --closed Feb 16, 2018
This issue was closed.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants