Sign in to follow this  
amolchaudhari69@gmail.com

Export button Position is shifting at bottom-Javascript Driven Quadrant Chart

Recommended Posts

Hello Team,

 

I am using javascript  driven quadrant chart.populating it with Json, I have have enabled export button (for PDF,SVN..).

 

There are two graphs on my screen, when there is a scroll bar appearing on a screen the export option's div is shifting at the bottom.

 

Could you please help me to fix this issue, how how to stick export options div to the export button always.

 

attaching screen-shot.

post-62644-0-28015100-1431418541_thumb.jpg

Share this post


Link to post
Share on other sites

Hi,

 

Can you please clarify whether you are using different div container or any third party frames to render the charts?

 

Also, if you can share a scaled down sample we can replicate the issue and help you out further.

 

Awaiting response.

Edited by Vishalika

Share this post


Link to post
Share on other sites

Hello Vishalika,

 

Initially  graph and export button options was working fine , but when I applied scroll(overflow-y=auto;height:100%) to the screens parent div,the stickiness of the export options was gone.When scrolling the screen the and clicking on export con the export options div is displaying  at the bottom .

 

Is there any way that I can  bind javascript method on click of the export button clicked, if I get that I can set potion of exports options div as per export button position.

 

 

Thanks,

Amol Chaudhari.

Share this post


Link to post
Share on other sites

Hi,

 

Currently  we are using 3.3.1 version.

 

Finally I fixed issue using some work around as below.

 

I am setting the exportoptions div position when user clicked on export Icon ...

 

function FC_Rendered(DOMId) {              
  if(DOMId=='Chart2Id'){     
  $(".red-buttons-135").on("click", function(event){
 var t=$(".red-buttons-135").offset().top;
 $("svg:eq(3)").css("top",t+20);
});
  }
  if(DOMId=='Chart1Id'){
  $(".red-button-30").on("click", function(event){
 var t=$(".red-button-30").offset().top;
 $("svg:eq(2)").css("top",t+20);
});   
  }
}   
 
 
Thanks
Amol,

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this