Compact layout
The compact layout uses less horizontal space for each ticker item.
In this example we have specified description text for each symbol which is displayed instead of the symbols ticker.
Embed code
<!-- TradingView Widget BEGIN -->
<div class="tradingview-widget-container">
<div class="tradingview-widget-container__widget"></div>
<div class="tradingview-widget-copyright"><a href="https://www.tradingview.com/" rel="noopener nofollow" target="_blank"><span class="blue-text">Track all markets on TradingView</span></a></div>
<script type="text/javascript" src="https://s3.tradingview.com/external-embedding/embed-widget-ticker-tape.js" async>
{
"symbols": [
{
"description": "Tesla",
"proName": "NASDAQ:TSLA"
},
{
"description": "Apple Inc",
"proName": "NASDAQ:AAPL"
},
{
"description": "Nvidia",
"proName": "NASDAQ:NVDA"
},
{
"description": "Microsoft",
"proName": "NASDAQ:MSFT"
},
{
"description": "Advanced Micro Devices",
"proName": "NASDAQ:AMD"
},
{
"description": "Meta",
"proName": "NASDAQ:META"
},
{
"description": "Netflix",
"proName": "NASDAQ:NFLX"
}
],
"showSymbolLogo": true,
"colorTheme": "light",
"isTransparent": false,
"displayMode": "compact",
"locale": "en"
}
</script>
</div>
<!-- TradingView Widget END --><!-- TradingView Widget BEGIN -->
<div class="tradingview-widget-container">
<div class="tradingview-widget-container__widget"></div>
<div class="tradingview-widget-copyright"><a href="https://www.tradingview.com/" rel="noopener nofollow" target="_blank"><span class="blue-text">Track all markets on TradingView</span></a></div>
<script type="text/javascript" src="https://s3.tradingview.com/external-embedding/embed-widget-ticker-tape.js" async>
{
"symbols": [
{
"description": "Tesla",
"proName": "NASDAQ:TSLA"
},
{
"description": "Apple Inc",
"proName": "NASDAQ:AAPL"
},
{
"description": "Nvidia",
"proName": "NASDAQ:NVDA"
},
{
"description": "Microsoft",
"proName": "NASDAQ:MSFT"
},
{
"description": "Advanced Micro Devices",
"proName": "NASDAQ:AMD"
},
{
"description": "Meta",
"proName": "NASDAQ:META"
},
{
"description": "Netflix",
"proName": "NASDAQ:NFLX"
}
],
"showSymbolLogo": true,
"colorTheme": "light",
"isTransparent": false,
"displayMode": "compact",
"locale": "en"
}
</script>
</div>
<!-- TradingView Widget END -->