gantti icon indicating copy to clipboard operation
gantti copied to clipboard

Date/Character Garbage on Date Line of Gantt

Open cenapps opened this issue 11 years ago • 1 comments

This image shows what happens when your start and end dates cross years:

gantt

Using this data array will yield the image result. Can someone figure out why this is?

$data[] = array( 'label' => 'Project Launch', 'start' => '2013-01-12', 'end' => '2013-01-19' );

$data[] = array( 'label' => 'Contracts', 'start' => '2013-01-23', 'end' => '2014-05-15' );

$data[] = array( 'label' => 'Budget', 'start' => '2013-06-01', 'end' => '2013-06-26' );

$data[] = array( 'label' => 'Technology', 'start' => '2013-06-02', 'end' => '2014-03-25' );

$data[] = array( 'label' => 'Furniture', 'start' => '2013-01-13', 'end' => '2013-06-10' );

$data[] = array( 'label' => 'Security', 'start' => '2013-01-23', 'end' => '2014-04-18' );

cenapps avatar Jul 19 '13 08:07 cenapps

Check the followin class in your css:

.gantt-day span { display: block; border-right: 1px solid #001f27; border-bottom: 1px solid #001f27; text-indent: -12000px; }

The attribute text-indent hides the text of that span by moving it far away from the visible part. Change the value to, say, -50000px. That should do it. If not, try higher.

Cheers

ghost avatar Sep 25 '13 18:09 ghost