Results 1 to 2 of 2

Thread: DataView 2 columns layout

  1. #1
    Sencha Premium Member Zdeno's Avatar
    Join Date
    Nov 2009
    Location
    Prague
    Posts
    769
    Answers
    38

    Default DataView 2 columns layout

    I know this isnt pure extjs question but is here anyone who successfully solved problem with 2 column layout in dataview? Problem isnt with 2 column layout self but with different height of items inside. Float top does not exists so there is multiple solutions like:

    - left column with float left, right column with float right
    - use css3 definitions to split content into 2 columns
    - recalculate position with javascript

    Thanks in advance for any hint.

  2. #2
    Sencha User
    Join Date
    Oct 2010
    Location
    St. Louis, Missouri
    Posts
    55
    Answers
    1

    Default

    To get a column layout in dataview I just altered the css.

    Try putting this in the dataview css.
    PHP Code:
    div.dashboard-dataview {
        
    displayflex;
        
    flex-directioncolumn;
        
    flex-wrapwrap

    I also designate class x-dataview-item as display: inline-block;
    However, I don't think this is necessary.

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •