Hi qooxdoo people,
there is bug in QxTabView containing QxListView with 100% height. The tab buttons then have bad height on load. When I click on second tab (and back on 1st), then everything is ok. When I use absolute height for QxListView, then everything is ok on load.

Best regards,
Petr Simek

Example code:

window.application.main = function() {
  var doc = this.getClientWindow().getClientDocument();
  var tf1 = new QxTabView;
  tf1.setWidth("100%");
  tf1.setHeight("100%");

  var t1_1 = new QxTabViewButton("Edit");
  var t1_2 = new QxTabViewButton("Find");

  t1_1.setChecked(true);

  tf1.getBar().add(t1_1, t1_2);

  var p1_1 = new QxTabViewPage(t1_1);
  var p1_2 = new QxTabViewPage(t1_2);

  p1_1.setWidth("100%");
  p1_1.setHeight("100%");

  tf1.getPane().add(p1_1, p1_2);   

  var lc = {
        username : { label : "Username", width : 100, type : "text"},
        name: { label : "Name", width : 100, type : "text"},
        surname : { label : "Surname", width : 100, type : "text"},
      };
  var ld = [];
  var lv = new QxListView(ld,lc);
  lv.setWidth("100%");
  lv.setHeight("100%");

  p1_1.add(lv);

  doc.add(tf1);
            
}


Attachment: tabview_bug.gif
Description: GIF image

Reply via email to