How to Get Rid of Vertical Scroll Bar in Tab Container

704
2
Jump to solution
12-08-2016 01:03 PM
SarojThapa1
Occasional Contributor III

I have created a couple pie charts in a Tab Container based on the sample ArcGIS API for JavaScript Sandbox. In this sample, if you click on the "Pie Chart " tab, you will see a vertical scroll bar. How can I get rid of this bar? Also,  I would like to display the percentage inside the pie chart sectors when hovered. Any suggestions are greatly appreciated.

Thanks  

0 Kudos
1 Solution

Accepted Solutions
KenBuja
MVP Esteemed Contributor

There are two ways you can get rid of the vertical scroll. First, you can turn that off in the style of the ContentPane

var cp2 = new ContentPane({
  style:"overflow:hidden",
  title: "Pie Chart"
});

The other way is to make the pie chart smaller

tc.watch("selectedChildWidget", function(name, oldVal, newVal){
  if ( newVal.title === "Pie Chart" ) {
    chart.resize(170,170); //was 180,180
  }
});

View solution in original post

2 Replies
KenBuja
MVP Esteemed Contributor

There are two ways you can get rid of the vertical scroll. First, you can turn that off in the style of the ContentPane

var cp2 = new ContentPane({
  style:"overflow:hidden",
  title: "Pie Chart"
});

The other way is to make the pie chart smaller

tc.watch("selectedChildWidget", function(name, oldVal, newVal){
  if ( newVal.title === "Pie Chart" ) {
    chart.resize(170,170); //was 180,180
  }
});
SarojThapa1
Occasional Contributor III

Thank You Ken. 

0 Kudos