<?xml version="1.0" encoding="UTF-8"?>
<rss xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:taxo="http://purl.org/rss/1.0/modules/taxonomy/" version="2.0">
  <channel>
    <title>topic Changing the width of scrollbars in App Development</title>
    <link>https://community.qlik.com/t5/App-Development/Changing-the-width-of-scrollbars/m-p/1130975#M19822</link>
    <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P&gt;Hi!&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;I am wondering if there is a possibility to change the width of the scrollbars in Qlik Sense?&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;Using Firebug in Firefox I could some settings by changing the width here:&lt;/P&gt;&lt;P&gt;&lt;SPAN class="nodeLabelBox repTarget"&gt;&amp;lt;&lt;SPAN class="nodeTag"&gt;div&lt;/SPAN&gt;&lt;SPAN class="editGroup nodeAttr"&gt; &lt;SPAN class="nodeName editable"&gt;class&lt;/SPAN&gt;="&lt;SPAN class="nodeValue editable"&gt;scrollbar-animation scrollbar-track ng-scope ng-isolate-scope vertical&lt;/SPAN&gt;"&lt;/SPAN&gt;&lt;SPAN class="editGroup nodeAttr"&gt; &lt;SPAN class="nodeName editable"&gt;ng-style&lt;/SPAN&gt;="&lt;SPAN class="nodeValue editable"&gt;data.style&lt;/SPAN&gt;"&lt;/SPAN&gt;&lt;SPAN class="editGroup nodeAttr"&gt; &lt;SPAN class="nodeName editable"&gt;ng-class&lt;/SPAN&gt;="&lt;SPAN class="nodeValue editable"&gt;data.classList&lt;/SPAN&gt;"&lt;/SPAN&gt;&lt;SPAN class="editGroup nodeAttr"&gt; &lt;SPAN class="nodeName editable"&gt;ng-if&lt;/SPAN&gt;="&lt;SPAN class="nodeValue editable"&gt;scrollbarY.enabled&lt;/SPAN&gt;"&lt;/SPAN&gt;&lt;SPAN class="editGroup nodeAttr"&gt; &lt;SPAN class="nodeName editable"&gt;x-viewport-rect&lt;/SPAN&gt;="&lt;SPAN class="nodeValue editable"&gt;viewportRect&lt;/SPAN&gt;"&lt;/SPAN&gt;&lt;SPAN class="editGroup nodeAttr"&gt; &lt;SPAN class="nodeName editable"&gt;x-interactive&lt;/SPAN&gt;="&lt;SPAN class="nodeValue editable"&gt;interactive&lt;/SPAN&gt;"&lt;/SPAN&gt;&lt;SPAN class="editGroup nodeAttr"&gt; &lt;SPAN class="nodeName editable"&gt;x-data&lt;/SPAN&gt;="&lt;SPAN class="nodeValue editable"&gt;scrollbarY&lt;/SPAN&gt;"&lt;/SPAN&gt;&lt;SPAN class="editGroup nodeAttr"&gt; &lt;SPAN class="nodeName editable"&gt;style&lt;/SPAN&gt;="&lt;SPAN class="nodeValue editable"&gt;top: 3px; width: 8px; left: 1887px; height: 292.633px;&lt;/SPAN&gt;"&lt;/SPAN&gt;&lt;SPAN class="nodeBracket editable insertBefore"&gt;&amp;gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/P&gt;&lt;P&gt;&lt;SPAN class="nodeLabelBox repTarget"&gt;&lt;SPAN class="nodeBracket editable insertBefore"&gt;&lt;BR /&gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/P&gt;&lt;P&gt;&lt;SPAN class="nodeLabelBox repTarget"&gt;&lt;SPAN class="nodeBracket editable insertBefore"&gt;from e.g. 8px to 15px, it got a bit wider, not very much though as the site adapts the div box around it and not much is visible.&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/P&gt;&lt;P&gt;&lt;SPAN class="nodeLabelBox repTarget"&gt;&lt;SPAN class="nodeBracket editable insertBefore"&gt;&lt;BR /&gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/P&gt;&lt;P&gt;&lt;SPAN class="nodeLabelBox repTarget"&gt;&lt;SPAN class="nodeBracket editable insertBefore"&gt;Also, when reloading the page everything is reset.&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/P&gt;&lt;P&gt;&lt;SPAN class="nodeLabelBox repTarget"&gt;&lt;SPAN class="nodeBracket editable insertBefore"&gt;How can I change this permanently in the client?&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/P&gt;&lt;P&gt;&lt;SPAN class="nodeLabelBox repTarget"&gt;&lt;SPAN class="nodeBracket editable insertBefore"&gt;See attached image, of an example using Firebug.&lt;BR /&gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/P&gt;&lt;P&gt;&lt;SPAN class="nodeLabelBox repTarget"&gt;&lt;SPAN class="nodeBracket editable insertBefore"&gt;&lt;BR /&gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/P&gt;&lt;P&gt;&lt;SPAN class="nodeLabelBox repTarget"&gt;&lt;SPAN class="nodeBracket editable insertBefore"&gt;Some users have difficulty using the current sizes of scrollbars.&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/P&gt;&lt;P&gt;&lt;SPAN class="nodeLabelBox repTarget"&gt;&lt;SPAN class="nodeBracket editable insertBefore"&gt;&lt;BR /&gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/P&gt;&lt;P&gt;&lt;SPAN class="nodeLabelBox repTarget"&gt;&lt;SPAN class="nodeBracket editable insertBefore"&gt;Thanks in advance.&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/P&gt;&lt;P&gt;&lt;SPAN class="nodeLabelBox repTarget"&gt;&lt;SPAN class="nodeBracket editable insertBefore"&gt;&lt;BR /&gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/P&gt;&lt;P&gt;&lt;SPAN class="nodeLabelBox repTarget"&gt;&lt;SPAN class="nodeBracket editable insertBefore"&gt;Cheers,&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/P&gt;&lt;P&gt;&lt;SPAN class="nodeLabelBox repTarget"&gt;&lt;SPAN class="nodeBracket editable insertBefore"&gt;Erik&lt;BR /&gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/P&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
    <pubDate>Thu, 12 May 2016 11:10:33 GMT</pubDate>
    <dc:creator>ergustafsson</dc:creator>
    <dc:date>2016-05-12T11:10:33Z</dc:date>
    <item>
      <title>Changing the width of scrollbars</title>
      <link>https://community.qlik.com/t5/App-Development/Changing-the-width-of-scrollbars/m-p/1130975#M19822</link>
      <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P&gt;Hi!&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;I am wondering if there is a possibility to change the width of the scrollbars in Qlik Sense?&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;Using Firebug in Firefox I could some settings by changing the width here:&lt;/P&gt;&lt;P&gt;&lt;SPAN class="nodeLabelBox repTarget"&gt;&amp;lt;&lt;SPAN class="nodeTag"&gt;div&lt;/SPAN&gt;&lt;SPAN class="editGroup nodeAttr"&gt; &lt;SPAN class="nodeName editable"&gt;class&lt;/SPAN&gt;="&lt;SPAN class="nodeValue editable"&gt;scrollbar-animation scrollbar-track ng-scope ng-isolate-scope vertical&lt;/SPAN&gt;"&lt;/SPAN&gt;&lt;SPAN class="editGroup nodeAttr"&gt; &lt;SPAN class="nodeName editable"&gt;ng-style&lt;/SPAN&gt;="&lt;SPAN class="nodeValue editable"&gt;data.style&lt;/SPAN&gt;"&lt;/SPAN&gt;&lt;SPAN class="editGroup nodeAttr"&gt; &lt;SPAN class="nodeName editable"&gt;ng-class&lt;/SPAN&gt;="&lt;SPAN class="nodeValue editable"&gt;data.classList&lt;/SPAN&gt;"&lt;/SPAN&gt;&lt;SPAN class="editGroup nodeAttr"&gt; &lt;SPAN class="nodeName editable"&gt;ng-if&lt;/SPAN&gt;="&lt;SPAN class="nodeValue editable"&gt;scrollbarY.enabled&lt;/SPAN&gt;"&lt;/SPAN&gt;&lt;SPAN class="editGroup nodeAttr"&gt; &lt;SPAN class="nodeName editable"&gt;x-viewport-rect&lt;/SPAN&gt;="&lt;SPAN class="nodeValue editable"&gt;viewportRect&lt;/SPAN&gt;"&lt;/SPAN&gt;&lt;SPAN class="editGroup nodeAttr"&gt; &lt;SPAN class="nodeName editable"&gt;x-interactive&lt;/SPAN&gt;="&lt;SPAN class="nodeValue editable"&gt;interactive&lt;/SPAN&gt;"&lt;/SPAN&gt;&lt;SPAN class="editGroup nodeAttr"&gt; &lt;SPAN class="nodeName editable"&gt;x-data&lt;/SPAN&gt;="&lt;SPAN class="nodeValue editable"&gt;scrollbarY&lt;/SPAN&gt;"&lt;/SPAN&gt;&lt;SPAN class="editGroup nodeAttr"&gt; &lt;SPAN class="nodeName editable"&gt;style&lt;/SPAN&gt;="&lt;SPAN class="nodeValue editable"&gt;top: 3px; width: 8px; left: 1887px; height: 292.633px;&lt;/SPAN&gt;"&lt;/SPAN&gt;&lt;SPAN class="nodeBracket editable insertBefore"&gt;&amp;gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/P&gt;&lt;P&gt;&lt;SPAN class="nodeLabelBox repTarget"&gt;&lt;SPAN class="nodeBracket editable insertBefore"&gt;&lt;BR /&gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/P&gt;&lt;P&gt;&lt;SPAN class="nodeLabelBox repTarget"&gt;&lt;SPAN class="nodeBracket editable insertBefore"&gt;from e.g. 8px to 15px, it got a bit wider, not very much though as the site adapts the div box around it and not much is visible.&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/P&gt;&lt;P&gt;&lt;SPAN class="nodeLabelBox repTarget"&gt;&lt;SPAN class="nodeBracket editable insertBefore"&gt;&lt;BR /&gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/P&gt;&lt;P&gt;&lt;SPAN class="nodeLabelBox repTarget"&gt;&lt;SPAN class="nodeBracket editable insertBefore"&gt;Also, when reloading the page everything is reset.&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/P&gt;&lt;P&gt;&lt;SPAN class="nodeLabelBox repTarget"&gt;&lt;SPAN class="nodeBracket editable insertBefore"&gt;How can I change this permanently in the client?&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/P&gt;&lt;P&gt;&lt;SPAN class="nodeLabelBox repTarget"&gt;&lt;SPAN class="nodeBracket editable insertBefore"&gt;See attached image, of an example using Firebug.&lt;BR /&gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/P&gt;&lt;P&gt;&lt;SPAN class="nodeLabelBox repTarget"&gt;&lt;SPAN class="nodeBracket editable insertBefore"&gt;&lt;BR /&gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/P&gt;&lt;P&gt;&lt;SPAN class="nodeLabelBox repTarget"&gt;&lt;SPAN class="nodeBracket editable insertBefore"&gt;Some users have difficulty using the current sizes of scrollbars.&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/P&gt;&lt;P&gt;&lt;SPAN class="nodeLabelBox repTarget"&gt;&lt;SPAN class="nodeBracket editable insertBefore"&gt;&lt;BR /&gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/P&gt;&lt;P&gt;&lt;SPAN class="nodeLabelBox repTarget"&gt;&lt;SPAN class="nodeBracket editable insertBefore"&gt;Thanks in advance.&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/P&gt;&lt;P&gt;&lt;SPAN class="nodeLabelBox repTarget"&gt;&lt;SPAN class="nodeBracket editable insertBefore"&gt;&lt;BR /&gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/P&gt;&lt;P&gt;&lt;SPAN class="nodeLabelBox repTarget"&gt;&lt;SPAN class="nodeBracket editable insertBefore"&gt;Cheers,&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/P&gt;&lt;P&gt;&lt;SPAN class="nodeLabelBox repTarget"&gt;&lt;SPAN class="nodeBracket editable insertBefore"&gt;Erik&lt;BR /&gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/P&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
      <pubDate>Thu, 12 May 2016 11:10:33 GMT</pubDate>
      <guid>https://community.qlik.com/t5/App-Development/Changing-the-width-of-scrollbars/m-p/1130975#M19822</guid>
      <dc:creator>ergustafsson</dc:creator>
      <dc:date>2016-05-12T11:10:33Z</dc:date>
    </item>
  </channel>
</rss>

