[Solved]How to avoid Gap/Space between my custom widgets ?
-
wrote on 13 May 2012, 10:36 last edited by
I have created a custom widget ,it contains Pushbutton at top ,down Qframe ,inside the frame some components like buttons,combobox,etc.
!http://imageshack.us/photo/my-images/521/customwidget.jpg/(CustomWidget)!
!http://imageshack.us/photo/my-images/833/accordionwidget.jpg/(AccordionWidget)!
!http://imageshack.us/photo/my-images/140/accordionexample.jpg/(AccordionExample)!I placed my custom widget on AccordionWidget(Qwidget conatins QscrollArea),finally i am placing my AccordionWidget
on MainWindow.What i required is
!http://imageshack.us/photo/my-images/853/10316254.jpg/(Required Output)!Anyone can give me your suggestions.
-
wrote on 13 May 2012, 11:22 last edited by
welcome to devnet
You have managed to use the link button as explained in "this section":http://qt-project.org/wiki/ForumHelp#9bd9c32b79efb1b2d5b039e4d48300a9 described under 7. Since you have links to pictures you may want to use the picture described under 6.
Please update your post. There is an edit shown below your avatar allowing you to update your post.
-
wrote on 13 May 2012, 11:59 last edited by
ThankYou Koahnig, Plz reply my post.
-
wrote on 13 May 2012, 12:09 last edited by
Insert a VerticalSpacer?
-
wrote on 13 May 2012, 12:32 last edited by
I can't see the picture, but i can assume you want to use "setContentsMargins":http://qt-project.org/doc/qt-4.8/qlayout.html#setContentsMargins or "setSpacing":http://qt-project.org/doc/qt-4.8/qlayout.html#spacing-prop or maybe both, hope it helps ;)
-
wrote on 13 May 2012, 13:22 last edited by
Guys Thanks for your reply
@ MuldeR --> I dont want to avoid space on CustomWidget,I need to avoid space on AccordionExample between the section.
!http://imageshack.us/photo/my-images/341/accordionexample.jpg/(AccordiaonExample)!
How the panel2 and Panel3 is coming on RequiredOutput.jpg image which i gave the link on my previous post.
-
wrote on 14 May 2012, 06:26 last edited by
Guys help me to solve this problem.
-
wrote on 14 May 2012, 10:18 last edited by
Well, we can't see any of your linked pictures, so we are having quite a hard time of quessing what you are actually want to achieve.
-
wrote on 14 May 2012, 12:02 last edited by
"Accordion Widget":http://imageshack.us/photo/my-images/833/accordionwidget.jpg/
"Accordion Example":http://imageshack.us/photo/my-images/140/accordionexample.jpg/
"Custom Widget":http://imageshack.us/photo/my-images/521/customwidget.jpg/"Required Output":http://imageshack.us/photo/my-images/29/49828322.jpg/
To reduce Gap between the Custom Widgets ..
"Reduce Gap":http://imageshack.us/photo/my-images/341/accordionexample.jpg/ -
wrote on 14 May 2012, 12:04 last edited by
Place a vertical spacer above the first one and one below the last one?
-
wrote on 14 May 2012, 12:04 last edited by
[quote author="sweeten" date="1336976796"]Guys help me to solve this problem.[/quote]
Somehow your pictures do not display. As far as I see, you have done it correctly.
For us it looks like this
!http://db.tt/KCdy7DMF(jpg-link)! -
wrote on 14 May 2012, 12:18 last edited by
[quote author="Woody" date="1336997079"]Place a vertical spacer above the first one and one below the last one?[/quote]
I guess, one spacer would do. Also, if you are using vertical layout,set spacing to 0.For ex:
@ui->verticalLayout->setSpacing(0);@
-
wrote on 14 May 2012, 13:02 last edited by
@ Rahul
I tried setSpacing, that doesn`t works...
-
wrote on 14 May 2012, 13:13 last edited by
Try adding a vertical spacer to you widget. It will set the space to a minimum.
-
wrote on 14 May 2012, 14:11 last edited by
Woody
i am adding my custom widget through coding,@ widget1 = new CustomWidget();
widget1->ui->pushButton->setText("SECTION 1");
widget2 = new CustomWidget();
widget2->ui->pushButton->setText("SECTION 2");
widget3 = new CustomWidget();
widget3->ui->pushButton->setText("SECTION 3");
widget4 = new CustomWidget();
widget4->ui->pushButton->setText("SECTION 4");@How can i add Spacer to that? Thats why Rahul said to try setSpacing(),That also not works.
Thankyou for your information.
-
wrote on 14 May 2012, 14:25 last edited by
Aah ok, sorry for the misunderstanding.
Something like this: "QSpacerItem":http://qt-project.org/doc/qt-4.8/qspaceritem.html
I didn't really looked into it. I'm using the graphical designer do achieve this.
Hopes this works out for you.
-
wrote on 15 May 2012, 06:58 last edited by
Woody,
I checked QSpacerItem,there is no need for using this class, spacing can be acheived by calling the method setSpacing().So i already tried setSpacing(),this also not works.
-
wrote on 15 May 2012, 07:03 last edited by
Mmh that is strange. You probably set a layout to the parent widget?
Is it possible to provide the code, so I can have a better look?
-
wrote on 15 May 2012, 07:23 last edited by
Sweeten, Try the combination of spacer in VBoxLayout. It works.
-
wrote on 15 May 2012, 08:24 last edited by
I have uploaded my full project . Just run the application and see the Gap between the custom widgets(Section 1,Section 2,Section 3 & Section 4).
Your suggestions are welcome.
"Accordion Test":http://www.4shared.com/zip/rPHyPhdL/AccordionTest.html
1/25