SID-02166: DASHBOARD does weird stuff when boxes are resized

Status:	Answered	TWiki version:	6.0.2	Perl version:	5.10.1
Category:	TWikiDashboardAddOn	Server OS:	linux 2.6.32-573.18.1.el6.x86_64	Last update:	9 years ago

Hi Again,

When I use the DASHBOARD addon, and I resize (height) the first box to accommodate text that otherwise would create a scrollbar, I also resize the other boxes in the first row, to the same height. But then the other two boxes on the first row end up shorter and in different positions, as well. I have attached a screen capture to show the effect.

I know that there is some simple way to get around this, from working in TWiki for another company (but I can't get to their TWiki now), but I can't recall what it is.

Assistance would be much appreciated.

Thanks, Andy

-- Andrew Schwartz - 2016-03-01

Discussion and Answer

Empty lines likely cause an issue with top alignment. Make sure there are no empty lines between %DASHBOARD{ section="box_end" }% and %DASHBOARD{ section="box_start" }%. (Yes that is between box_end and box_start.) Empty lines introduce p tags, which interfere with the floats.

The box height should be no issue unless you customize the margin or padding.

-- Peter Thoeny - 2016-03-02

I removed all spaces as you suggest, the results are below, in the second image. All the box heights are the same.

I have found that adding 20px to boxes 2 and 3 "fixes" the problem.

-- Andrew Schwartz - 2016-03-02

That is likely because some of the boxes have custom margin or padding.

Lets test this here:

Test box height

Box 1, 300px

This box 300px high

Box 2, 300px

Is this box also 300px? It should be

Box 3, 300px

Is this box also 300px? It should be

Box 4, short height

This box has 40 pixel height

Box 5, short height

This box has 40 pixel height

Box 6, short height

This box has 40 pixel height

Site Map

Web	Description	Links
Main	TWiki home with users and groups for access control
TWiki06x01	Official documentation of the TWiki-6.1 Release
Blog	Blog of the TWiki.org community
Codev	TWiki development: the core collaboration zone for the TWiki Project.
Plugins	Repository for TWiki Plugins, Skins and Add-Ons.
Sandbox	Sandbox test area. Use this workspace to try out TWiki.
Support	Tech support for the TWiki collaboration platform.
TWiki	TWiki documentation, welcome, registration and other starting points
TWiki01	Official documentation of the TWiki Release 01-Dec-2001
TWiki02	Official documentation of the TWiki Release 01-Feb-2003
TWiki03	Official documentation of the TWiki Release 01-Sep-2004
TWiki04	Official documentation of the TWiki Release 4.0
TWiki04x01	Official documentation of the TWiki Release 4.1
TWiki04x02	Official documentation of the TWiki Release 4.2
TWiki04x03	Official documentation of the TWiki Release 4.3
TWiki05x00	Official documentation of the TWiki-5.0 Release
TWiki05x01	Official documentation of the TWiki-5.1 Release
TWiki06x00	Official documentation of the TWiki-6.0 Release
WikiWed	Keep track of Wiki Wednesday events
Webs are color-coded for identification and reference. Contact info@twikiPLEASENOSPAM.org if you need a workspace web for your team.

Legend:

Search the web See recent changes in the web Subscribe to get notified of changes by e-mail Usage statistics of the web Web-specific preferences

Recent Changes

• Web Statistics
• SID-02523
• SID-02522
• SID-02480
• SID-02521
• SID-02520
• SID-02519
• SID-02518
• SID-02517
• SID-02516
• SID-02515
• SID-02514
• SID-02513
• SID-02512
• SID-02511
• SID-02382
• SID-00250
• Safari Browser Issues
• SID-02510
• SID-02509
• SID-02507
• SID-02508
• SID-02506
• SID-02505
• SID-02504
• SID-02503
• SID-02498
• SID-02502
• SID-02501
• SID-02500

-- Peter Thoeny - 2016-03-03

OK, I surrender. It works here. I never changed anything but the height param (and I did add some line breaks which I later removed), but it's not working the same way on my site.

Thanks for your time an efforts, and I apologize for wasting your time.

-- Andrew Schwartz - 2016-03-03

I mentioned it a 3rd time: That is likely because some of the boxes have custom margin or padding. It looks like use two boxes from TWiki one one of your own.

-- Peter Thoeny - 2016-03-03

No problem, and thanks again.

-- Andrew Schwartz - 2016-03-03

If you answer a question - or someone answered one of your questions - please remember to edit the page and set the status to answered. The status selector is below the edit box.