Width of phtmlb:ganttChart

Question

I just inserted a phtmlb:ganttChart into my WebAS application. Cool stuff.
Now, I wonder how to set the width of the chart.
In my case, the chart is inserted into a table, which has width="100%". If the time frame that is shown in the chart is too big to fit on my screen, then everything that does not fit on the screen is cut off and no scrollbars are shown. The same happens is the height of the chart gets too big for my screen (too many rows). Then, the rows at the bottom are cut off as well.

Answer 1

Hi Singh,
here is the code i used. hope it's helpful.
  <table width="100%" cellpadding="1" cellspacing="0" border="0">
    <tr>
      <td>
        <xhtmlb:overflowContainer id     = "ovfGanttMilestones"
                                  mode   = "SCROLL_WITH_REPOSITION"
                                  width  = "99%"
                                  height = "400px" >
        <phtmlb:ganttChart  id               = "ganttMilestonesGraphic"
                            background       = "GRID"
                            displayWeekends  = "HIGH_LIGHTED"
                            rangeStartDate   = "<%= controller->mv_start_date_gantt%>"
                            rangeEndDate     = "<%= controller->mv_end_date_gantt%>"
                            rangeRows        = "<%= LINES( lt_milestones ) + 1%>"
                            rangeType        = "<%= controller->mv_range_type%>"
                            onRangeDown      = "ganttRangeDown"
                            onRangeUp        = "ganttRangeUp"
                            validate         = "true" >
<%-- make header columns  --%>
        <% IF lt_milestones IS NOT INITIAL. %>
        <phtmlb:ganttChartHierarchy row   = "1"  collapsed = "FALSE" />
        <% ENDIF. %>
        <phtmlb:ganttChartTextColumn title = "Nr" width="4"/>
          <phtmlb:ganttChartText   row              = "1"
                                   text             = " "
                                   bold             = "true"
                                   indentationLevel = "0"   />
        <% LOOP AT lt_milestones ASSIGNING <fs>. %>
            <phtmlb:ganttChartText row              = "<%= sy-tabix + 1 %>"
                                   text             = "<%=<fs>-mlstn%>"
                                   indentationLevel = "1"   />
        <% ENDLOOP.%>
        <%-- text column 2--%>
        <phtmlb:ganttChartTextColumn title = "Start" width="11"/>
          <phtmlb:ganttChartText   row              = "1"
                                   text             = "Milestones"
                                   bold             = "true"
                                   />
        <% LOOP AT lt_milestones ASSIGNING <fs>. %>
            <phtmlb:ganttChartText row              = "<%= sy-tabix + 1 %>"
                                   text             = "<%= <fs>-mlstxt%>"
                                   />
        <% ENDLOOP.%>
        <%-- text column 3--%>
        <phtmlb:ganttChartTextColumn title = "End" width="11"/>
          <phtmlb:ganttChartText   row              = "1"
                                   text             = " "
                                   bold             = "true"
                                   />
        <% LOOP AT lt_milestones ASSIGNING <fs>. %>
            <phtmlb:ganttChartText row              = "<%= sy-tabix + 1 %>"
                                   text             = "<%=<fs>-mlstxt_end%>"
                                   />
        <% ENDLOOP.%>
<%-- now show ganttChart-Elements for milestones --%>
        <% LOOP AT lt_special_milestones ASSIGNING <fs>. %>
          <% IF <fs>-mlst_datum_end IS INITIAL. %>
              <phtmlb:ganttChartActivity row       = "<%= sy-tabix + 1 %>"
                                         startDate = "<%= <fs>-mlst_datum %>"
                                         endDate   = "<%= <fs>-mlst_datum %>"
                                         text      = "<%= <fs>-mlstxt %>"
                                         type      = "MILESTONE"
                                         color     = "GROUP1" />
          <% ELSE.%>
              <phtmlb:ganttChartActivity row       = "<%= sy-tabix + 1 %>"
                                         startDate = "<%= <fs>-mlst_datum %>"
                                         endDate   = "<%= <fs>-mlst_datum_end %>"
                                         text      = "<%= <fs>-mlstxt %>"
                                         type      = "DEFAULT"
                                         color     = "GROUP1" />
          <% ENDIF. %>
        <% ENDLOOP.%>
        </phtmlb:ganttChart>
        </xhtmlb:overflowContainer>
      </td>
    </tr>
    <tr>