list item align issue

edited June 5 in Technical questions

Hi Webix team,
I have a list ,how can i align its list item in center?

https://snippet.webix.com/thucz496

Tagged:

Comments

  • edited June 5

    thanks,But whenever i resize the window then half of the content within that list get cut.How can we make it dynamic?
    https://snippet.webix.com/3y0hndsw

  • If my window body having height of 700 px and I am having 5 list item then how can I distribute 700 px height into 5. Now its taking 38 px 38px only. Also my body height is changing according to window or with resizing the window in that case also my body height should get divided into 5 equally also list name should align centre.

  • How can we make it dynamic?

    You can't do it with the list component

    You can use data layout instead, where it will work.
    ( actually the pure HTML template with flex based styling can work as well )
    https://snippet.webix.com/3nb49yf0
    Please beware that you will lost most functionality of list in such case ( selection, navigation, etc. )

    Also, the scroll and "size items to fit the screen" are mutually exclusive behaviors.

  • and I am having 5 list item then how can I distribute 700 px height into 5

    List can have one of next sizing strategies

    • fixed height per item
    • height of item is defined by item's content

    so, there is no way to have the necessary behavior with the list component.
    Something similar can be possible with dataview

    https://snippet.webix.com/0ykzpya4

  • Yes this can also be possible,Thanks @maksim

Sign In or Register to comment.

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!