iron-list as grid does not work

47 views
Skip to first unread message

skalde...@gmail.com

unread,
Jan 14, 2017, 12:49:01 AM1/14/17
to Polymer
Hey guys,

I have a problem with the iron-list component.
I already posted a question on stackoverflow, but nobody could help me there so far.

My problem is that when I add the 'grid' - attribute to the iron-list element the items still are each in one column.
I broke my example test code even further down into this:

<body>
    <p>test test test</p>
    <div style="height: 500px;">
        <iron-list id="list" items='[{"name": "test"},{"name": "test"},{"name": "test"},{"name": "test"},{"name": "test"},{"name": "test"},{"name": "test"},{"name": "test"},
                                                    {"name": "test"},{"name": "test"},{"name": "test"},{"name": "test"},{"name": "test"},{"name": "test"},{"name": "test"},{"name": "test"},
                                                    {"name": "test"},{"name": "test"},{"name": "test"},{"name": "test"},{"name": "test"},{"name": "test"},{"name": "test"},{"name": "test"},
                                                    {"name": "test"},{"name": "test"},{"name": "test"},{"name": "test"},{"name": "test"},{"name": "test"},{"name": "test"},{"name": "test"},
                                                    {"name": "test"},{"name": "test"},{"name": "test"},{"name": "test"}]' style="height: 100%;" grid>
            <template>
                <div style="width: 100px; height: 100px;"> 100x100 </div>
            </template>
        </iron-list>
    </div>
</body>

What am I doing wrong?

skalde...@gmail.com

unread,
Jan 14, 2017, 1:07:21 AM1/14/17
to Polymer, skalde...@gmail.com
sorry, I meant each item is in one row, of course

skalde...@gmail.com

unread,
Jan 19, 2017, 4:41:49 AM1/19/17
to Polymer
My iron-list was some version behind the latest, a bower update fixed my problem
Reply all
Reply to author
Forward
0 new messages