Hallo,
I am pretty new to Qt and trying to develop a page as shown in the attached figure. Basically I would like all 3 pies to be uniformly separated at the first row, and the table to appear at the second row.


Screenshot.jpg

With QGridLayout it seems like the multiple widgets are not automatically re-sized and placed. Initially without lines 12-17, only the table was displayed (at the top).
With line 15 commented, I get the page as shown in figure i.e the first pie is displayed partially. I also tried to use QHBoxLayout for the 3 pies, and then use QVBoxLayout- still the same problem.

Could anybody help me please:
#1 To sort out the above problem
#2 Also, is there any way to place a border around each widget (setSpacing allows some gap)?

Thank you in advance.


Qt Code: 
  1. TabSix_PageSix::TabSix_PageSix(QWidget *parent): QWidget(parent)
  2. {
  3.     PaintWidgetPie *pie1 = new PaintWidgetPie;
  4.     PaintWidgetPie *pie2 = new PaintWidgetPie;
  5.     PaintWidgetPie *pie3 = new PaintWidgetPie;
  6.  
  7.     QSizePolicy spVertical(QSizePolicy::Preferred, QSizePolicy::Preferred);
  8.     spVertical.setVerticalStretch(1);
  9.     QSizePolicy spHorizontal(QSizePolicy::Preferred, QSizePolicy::Preferred);
  10.     spHorizontal.setHorizontalStretch(1);
  11.  
  12.     pie1->setSizePolicy(spVertical);
  13.     pie2->setSizePolicy(spVertical);
  14.     pie3->setSizePolicy(spVertical);
  15.     //pie1->setSizePolicy(spHorizontal);
  16.     pie2->setSizePolicy(spHorizontal);
  17.     pie3->setSizePolicy(spHorizontal);
  18.  
  19.     //QLabel *label = new QLabel (tr("Web Traffic Breakdown by Protocol Graph"));
  20.  
  21.     QGroupBox *gbox = new QGroupBox;
  22.     gbox->setTitle(tr("Web Traffic Breakdown by Protocol Table"));
  23.  
  24.     gbox->setStyleSheet("QGroupBox::title {"
  25.                         "subcontrol-position:top-center;"
  26.                         "color: #000000;"
  27.                         "background-color: #C2DFFF;"
  28.                         "padding:2 560 2 565;"
  29.                         "} QGroupBox {font-size: 20px;}"
  30.                         ); //font doesn't work with QGroupBox::title, all parameters need to be set in one go
  31.  
  32.     QTableWidget *tableWidget = new QTableWidget(this);
  33.     tableWidget->setRowCount(2);
  34.     tableWidget->setColumnCount(8);
  35.     tableWidget->setItem(0,0, new QTableWidgetItem("25:08:2010"));
  36.     tableWidget->setItem(0,1, new QTableWidgetItem("10.131.344 kByte"));
  37.  
  38.     QStringList labels;
  39.     labels <<tr("Date:Time") << tr("FWI Traffic");
  40.     tableWidget->setHorizontalHeaderLabels(labels);
  41.     tableWidget->horizontalHeader()->show();
  42.     tableWidget->verticalHeader()->hide();
  43.     tableWidget->setShowGrid(true);
  44.     tableWidget->setStyleSheet("border-color: 10px blue;");
  45.  
  46.     QGridLayout *gLayout = new QGridLayout;
  47.     gLayout->addWidget(pie1, 0, 0);
  48.     gLayout->addWidget(pie2, 0, 1);
  49.     gLayout->addWidget(pie3, 0, 2);
  50.     gLayout->addWidget(tableWidget, 1,0);
  51.     this->setLayout(gLayout);
  52. }
To copy to clipboard, switch view to plain text mode