Contact Us Today! | vcare@wdmtech.com

WDMtech

Topic-icon Resonsive Design

More
18 Apr 2018 06:39 #5856

Hi

You will have to give width and height in editor html in which you want to display chart because the div of article html in which chart have to display, have no width and height, so give width and height to in which div you want to display chart.

Thanks
Zaheer

Please Log in or Create an account to join the conversation.

More
17 Apr 2018 19:34 #5854

Any updates to this? I posted screenshots of the issue.

Please Log in or Create an account to join the conversation.

More
13 Apr 2018 14:51 #5848

Unfortunately, we are unable to share the back end login/details, as this is on a working client website.

As you can see in my code below, there is an inline style being applied to the element (width:400px), despite having the width of the chart set in the back end to '100%'. This is output from the module code itself.

As I mentioned, the chart displays correctly when it is a menu item. However, when you are embedding the chart as a module (using the include vchart loadmodule plugin) it give it a static width of 400px.

I've attached screenshots that should show you that the output from loadmodule is buggy.

vchart1.jpg shows my chart settings: Width is set to 100%.

vchart2 shows the html markup output by the plugin (note the width:400px;)

vchart3 shows the parent container of the chart (note the available room, defined by the blue area)

vchart4 shows the size of the chart module.

I have no CSS conflicts, as no other components in my CSS file are using the vchart namespace.

Attachments:

Please Log in or Create an account to join the conversation.

More
13 Apr 2018 06:37 #5846

Hello,
It's a CSS conflict, Please share your backend & FTP login credentials via Contact us form, We'll look into it.


Thanks
Daniel

Please Log in or Create an account to join the conversation.

More
12 Apr 2018 20:53 #5844

Hello,

I have noticed a similar bug: Using Percentage works when it is a Component Page.

However, when the chart is embedded in an article, it seems to ignore the percent.

I can see that the containing element of the chart gets a fixed with and height:

<div class="vchar_info">    
  <div id="vchart_1000" class="chart_div share_option">
    <div style="position: relative;">
      <div style="position: relative; width: 400px; height: 300px;" dir="ltr">
          [CHART HERE]
      </div>
    </div>
  </div>
</div>

Last Edit: 12 Apr 2018 20:54 by Suckerpunch.

Please Log in or Create an account to join the conversation.

More
25 Aug 2017 07:17 #4745

Hello,
Please share your backend & FTP login credentials via Contact us form, We'll look into it. The chart is still taking width in pixels.


Thanks
Daniel

Please Log in or Create an account to join the conversation.

  • Martin Wittmann
  • Martin Wittmann's Avatar Topic Author
  • Offline
  • Fresh Boarder
  • Fresh Boarder
More
24 Aug 2017 13:30 #4743

Hello, thanks for the tip. Now I have set it to 100% width. The chart is now very small and does not change its width even if I make the browser window very narrow and reload the contents.

Best regards

Please Log in or Create an account to join the conversation.

More
24 Aug 2017 10:56 #4735

Hello,
You need to have chart width in percentage. Can you please let me know what width have you entered in Chart settings in backend? Is it in pixels or percentage?


Thanks
Daniel

Please Log in or Create an account to join the conversation.

  • Martin Wittmann
  • Martin Wittmann's Avatar Topic Author
  • Offline
  • Fresh Boarder
  • Fresh Boarder
More
24 Aug 2017 05:48 #4734

Hello,

I will send you a link. The page is currently being edited. However, it can be seen here that the chart does not adjust in width and goes beyond the edge.

www.landhagen.de/2017/index.php?option=c...le&id=115&Itemid=662

Best regards

Please Log in or Create an account to join the conversation.

More
23 Aug 2017 10:44 #4728

Hello,
It's already responsive, You do not need to activate anything.


Thanks
Daniel

Please Log in or Create an account to join the conversation.

  • Martin Wittmann
  • Martin Wittmann's Avatar Topic Author
  • Offline
  • Fresh Boarder
  • Fresh Boarder
More
23 Aug 2017 10:32 #4727

Hello
Where can I activate the Responsive Design display for the charts?

Thanks
Best regards

Please Log in or Create an account to join the conversation.