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

Listview not show data after add FAB #27

Closed
Jayuda opened this issue Jul 5, 2016 · 2 comments
Closed

Listview not show data after add FAB #27

Jayuda opened this issue Jul 5, 2016 · 2 comments

Comments

@Jayuda
Copy link

Jayuda commented Jul 5, 2016

Thanks for this package,
But i have problems,

<PullRefresh:PullToRefresh refresh="refreshList">
    <ListView items="{{ SalesIN }}" itemTap="onTap">
        <ListView.itemTemplate>
            <StackLayout>
                <GridLayout rows="auto, auto, auto, auto" columns="10, *, *, *, 10" cssClass="root">
                    <Label row="0" col="0" text=""/>
                    <Label row="0" col="1" colSpan="3" text="{{ outlet }}"
                           style="font-size:16;font-weight:bold;color:#2B81FF;" horizontalAlignment="center"/>
                    <Label row="0" col="4" text=""/>

                    <Label row="1" col="0" text=""/>
                    <Label row="1" col="1" colSpan="2" text="{{ product }}"
                           style="font-size:14;font-weight:bold;" cssClass="details-label"
                           horizontalAlignment="left"/>
                    <Label row="1" col="3" text="{{ expireddate }}" style="font-size:14;font-weight:bold;"
                           cssClass="details-label" horizontalAlignment="right"/>
                    <Label row="1" col="4" text=""/>

                    <Label row="2" col="0" text=""/>
                    <Label row="2" col="1" colSpan="2" text="Tgl Transaksi" style="color:green;"
                           cssClass="details-label" textWrap="true" horizontalAlignment="left"/>
                    <Label row="2" col="3" text="QTY IN" cssClass="details-label" style="color:green;"
                           textWrap="true" horizontalAlignment="right"/>
                    <Label row="2" col="4" text=""/>

                    <Label row="3" col="0" text=""/>
                    <Label row="3" col="1" colSpan="2" text="{{tanggalIn}}" style="color:green;"
                           cssClass="details-label" textWrap="true" horizontalAlignment="left"/>
                    <Label row="3" col="3" text="{{quantity}}" cssClass="details-label" style="color:green;"
                           textWrap="true" horizontalAlignment="right"/>
                    <Label row="3" col="4" text=""/>
                </GridLayout>
            </StackLayout>
        </ListView.itemTemplate>
    </ListView>
</PullRefresh:PullToRefresh>
<FAB:fab tap="fabTap"
         row="1"
         icon="ic_menu_add"
         rippleColor="#f1f1f1"
         class="fab-button"/>

Data on listview not show, but if i am remove all work well. Not show error anymore, so any sugestions to check this error ?
Thanks

@bradmartin
Copy link
Collaborator

Thanks for checking it out. Just by skimming the layout I don't think you quite have the layouts just yet. You need to position the fab. In the example check where the fab is located on the grid. You have it outside of everything so that will not work. looks like you need to add some layout options inside the pull to refresh to actually get it on the screen and where it doesn't mess up any other layouts. If you aren't on the slack channel for NativeScript you should join. Lots of good help there or post this on stack overflow and let me know. It's a layout issue, not a bug with your code or NativeScript or the plugin. Hope that helps.

@Jayuda
Copy link
Author

Jayuda commented Jul 5, 2016

Yes, @bradmartin its work. sorry for this mistake.
I just put into <GridLayout rows="*">
Thanks a lot

@Jayuda Jayuda closed this as completed Jul 5, 2016
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

2 participants