Make js gantt chart bootstrap compatible

This project received 7 bids from talented freelancers with an average bid price of $183 USD.

Get free quotes for a project like this
Project Budget
Total Bids
Project Description

I am using a combination of two files:

[url removed, login to view] and [url removed, login to view]

that make a cool gantt chart.

If you include the js and the css in a html file, you can create some very basic charts.

I have recently update my site to use twitter bootstrap.

the css and details are at:

[url removed, login to view]

Here are the issues that I am having and how you can help me solve the problem.

The chart renders in a fixed size on the page. It has hard-coded widths on divs (cells) of the gantt chart.

In cases where i enter large text in the description of the task, the text runs off the right and hides the columns that are to the right of it.

The chart doesn't fill the width page, and is not responsive design. (it doesnt shrink as i go to smaller browser resultions.

I will provide you the html page, the css that goes with the gantt chart and the .js file that draws the chart. You need to provide me the revised css and js that work with twitter bootstrap.

it will make the chart fill the width of the screen, be responsive design and work with the twitter bootstrap framework. No cutting off of columns or shifting things and hiding or making data unusable.

The .js and the .css files are the two things that I want returned. I do not want any additional files to be incorporated As an alternative, I would also accept that you revise the .js file and NOT use the [url removed, login to view] file, and just use pure bootstrap! that would be ideal and my first preference.

Skills Required

Looking to make some money?

  • Set your budget and the timeframe
  • Outline your proposal
  • Get paid for your work

Hire Freelancers who also bid on this project

    • Forbes
    • The New York Times
    • Time
    • Wall Street Journal
    • Times Online