1. #1
    Ext User
    Join Date
    Sep 2007
    Posts
    113
    Vote Rating
    0
    Royan is on a distinguished road

      0  

    Question Read-only component with scrollbar to output HTML

    Hi all!

    I wonder if there is any suitable component in Ext that could be an HTML container with vertical scrollbar. Textarea is not a good candidate because it does not support HTML markup and when made read-only (disabled) displays its content in grayed color, which is not readable.
    Ext.Panel seems to be better but I could not find the way to insert HTML code into the panel and when tried classic document.getElementById("extComponentId").innerHTML overflow stopped working and I could not make scrollbar visible.
    Any ideas on what else could be used?

  2. #2
    Sencha - Services Team hendricd's Avatar
    Join Date
    Aug 2007
    Location
    Long Island, NY USA
    Posts
    5,964
    Vote Rating
    11
    hendricd will become famous soon enough hendricd will become famous soon enough

      0  

    Default

    Ext.Panel permits styling of each embedded element (ie body, header, etc.). In your case, the body would be the likely target for your content:

    Code:
    var p = new Ext.Panel({
       bodyStyle:{overflow:'auto'},
       contentEl:'markupDiv',
    
       or
    
       html:markup, 
      .......
    });
    "be dom-ready..."
    Doug Hendricks

    Maintaining ux: ManagedIFrame, MIF2 (FAQ, Wiki), ux.Media/Flash, AudioEvents, ux.Chart[Fusion,OFC,amChart], ext-basex.js/$JIT, Documentation Site.


    Got Sencha licensing questions? Find out more here.


  3. #3
    Ext User
    Join Date
    Sep 2007
    Posts
    113
    Vote Rating
    0
    Royan is on a distinguished road

      0  

    Default

    Great thanks! That did the trick!

Thread Participants: 1