Adjust module height
By QMAXX on Thursday, 24 May 2018
Posted in General Issues
Likes 0
Views 0.9K
Votes 0
Since the update to 5.2.4, the specified height is ignored.

To determine the height I have inserted the following code:



<div style="height: 620px">


Since then, the following code is no longer loaded:



<!-- TradingView Widget BEGIN -->

<div class="tradingview-widget-container">

  <div id="tradingview_68896"></div>

  <div class="tradingview-widget-copyright"><a href="https://de.tradingview.com/symbols/FOREXCOM-GRXEUR/" rel="noopener" target="_blank"><span class="blue-text">GRXEUR chart</span></a> by TradingView</div>

  <script type="text/javascript" src="https://s3.tradingview.com/tv.js"></script>

  <script type="text/javascript">

  new TradingView.widget(

  {

  "autosize": true,

  "symbol": "FOREXCOM:GRXEUR",

  "interval": "15",

  "timezone": "Europe/Berlin",

  "theme": "Light",

  "style": "1",

  "locale": "de_DE",

  "toolbar_bg": "#f1f3f6",

  "enable_publishing": false,

  "withdateranges": true,

  "hide_side_toolbar": false,

  "allow_symbol_change": true,

  "watchlist": [

    "FX:EURUSD",

    "OANDA:XAUUSD",

    "OANDA:SPX500USD",

    "OANDA:NAS100USD",

    "XETR:DAX",

    "FOREXCOM:WTIUSD"

  ],

  "calendar": true,

  "container_id": "tradingview_68896"

}

  );

  </script>

</div>

<!-- TradingView Widget END -->


Can you help me?
Based on what i tested further on this, I assume you add that height in the outside the HTML code right?

If yes, even i tested in Joomla article, it does shown the same result, you can refer on my attached screenshot below.

By the way, you should add that height style attribute from this id tradingview_68896, you can try my following HTML code and see how it goes, make sure delete your html block and re-add again then only apply the HTML content.

[gist type="php"]
<!-- TradingView Widget BEGIN -->
<div class="tradingview-widget-container">
<div id="tradingview_68896" style="height: 620px"></div>
<div class="tradingview-widget-copyright"><a href="https://de.tradingview.com/symbols/FOREXCOM-GRXEUR/" target="_blank" rel="noopener"><span class="blue-text">GRXEUR chart</span></a> by TradingView</div>

<script src="https://s3.tradingview.com/tv.js" type="text/javascript"></script>
<script type="text/javascript">new TradingView.widget(
{
"autosize": true,
"symbol": "FOREXCOM:GRXEUR",
"interval": "15",
"timezone": "Europe/Berlin",
"theme": "Light",
"style": "1",
"locale": "de_DE",
"toolbar_bg": "#f1f3f6",
"enable_publishing": false,
"withdateranges": true,
"hide_side_toolbar": false,
"allow_symbol_change": true,
"watchlist": [
"FX:EURUSD",
"OANDA:XAUUSD",
"OANDA:SPX500USD",
"OANDA:NAS100USD",
"XETR:DAX",
"FOREXCOM:WTIUSD"
],
"calendar": true,
"container_id": "tradingview_68896"
}
);</script>

</div>
[/gist]
Arlex Wong
·
Friday, 25 May 2018 13:39
·
0 Likes
·
0 Votes
·
0 Comments
·
May i know where you enter this code on your site?

And which page will get affected once you added these code?

Is it possible for you provide us some screenshot regarding this?
Arlex Wong
·
Thursday, 24 May 2018 19:48
·
0 Likes
·
0 Votes
·
0 Comments
·
I included the code as HTML block & as module.

The result is the same.
QMAXX
·
Thursday, 24 May 2018 20:45
·
0 Likes
·
0 Votes
·
0 Comments
·
Super:) Thank you now it will be displayed correctly.

Have a nice day
QMAXX
·
Friday, 25 May 2018 18:06
·
0 Likes
·
0 Votes
·
0 Comments
·
You're most welcome, glad to heard your issue resolved.

Just for your information, I have locked and marked this thread as resolved to avoid confusions in the future. Please start a new thread if you have any other issue in the future so it will be easier for us to manage your inquiries.

Thanks for understanding
Arlex Wong
·
Friday, 25 May 2018 18:07
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post