2

I am using an ExtJs Panel to display an SQL query on the screen. For highlighting the query I am using SyntaxHighlighter.

Problem: I am not getting scrollbars in the panel even after setting "autoScroll: true" for the panel.

I have tried the following:

Earlier Highlighter Code:

'<pre class="brush: sql">' + sqlOutput + '</pre>'

Thing I tried:

'<pre class="brush: sql;wrap-lines: false">' + sqlOutput + '</pre>';

But no success. Can anyone help me with this.

UPDATE

I am able to get a vertical scrollbar in Chrome but no horizontal scrollbar

This is how it looks:

enter image description here

DarkKnightFan
  • 1,913
  • 14
  • 42
  • 61

1 Answers1

0

You may either specify a maxWidth on the panel (quick n' dirty solution) or add a fixed-width layout specification in the parent container of the panel.

Sunish
  • 106
  • 3