jQuery.Gantt

jQuery.Gantt copied to clipboard

The latest commit has made "today" less obvious. We either need a design solution to make it more obvious or a dev solution to reinstate it.

Same for holidays. That's a drawback of the background-image solution vs the previous implementation. Maybe draw a colored, semi-transparent div for today and/or holidays for the day in height of the datapanel?

Rather than only indicating the day by highlighting it at the top, it would be nice if there were an option to highlight all the empty cells in the entire column.

@MarcusJT that's the theoretical limitation that @lp344 mentioned above.

The alternative to creating extra divs for today and holiday is to use :before/:after but this plugin supports IE8+, so, errrmmm.

i solved that already while reworking the parsing engine (moving from margins to relative positioning and other issues mentioned, complete drag/drop and resize support...) this way it is possible to inject a overlay div in the correct position - unfortunately, it might take a while until it is ready to check in due to lack of free time...

That sounds pretty damn exciting. I'm in the same boat time-wise, but where there's a will there's a way! Can't wait to see more.

Sent from my iPad

On 30/07/2012, at 10:29 PM, Leo Pfeifenberger [email protected] wrote:

i solved that already while reworking the parsing engine (moving from margins to relative positioning and other issues mentioned, complete drag/drop and resize support...) this way it is possible to inject a overlay div in the correct position - unfortunately, it might take a while until it is ready to check in due to lack of free time...

---

Reply to this email directly or view it on GitHub: https://github.com/taitems/jQuery.Gantt/issues/15#issuecomment-7366973

What I did, as a quick proof-of-concept dev "solution" (hack), was add something like this to my onRender function:

var $today = $gantt.find('.row').
        not('.hours').
        filter('.sa.day,.sn.day,.holiday.day,.today:last');
var $panel = $gantt.find('.dataPanel');
if ( $today.length ) {
        $today.css( 'height', $panel.innerHeight() - ($today.offset().top - $panel.offset().top) );
}

Where $gantt is the target for the Gantt chart. Still, to make it look a bit better on the hours scale I had to hack the plugin and add the day and hours classes to the appropriate rows and column headers, since all hours of the day get a today class. A :findhour custom selector could help so that only the current "hour" gets that class in the core.markNow function.. YMMV with this approach, but there is most likely a better way.