You found a bug! We've classified it as DSGNR-4712 . We encourage you to continue the discussion and to find an acceptable workaround while we work on a permanent fix.
  1. #1
    Sencha User
    Join Date
    Apr 2013
    Posts
    32
    Vote Rating
    4
    bsougias is on a distinguished road

      0  

    Default tag 'iframe' not accepted

    tag 'iframe' not accepted


    Following various threads and suggestions, I've been trying to create an iframe component, for example:

    http://www.sencha.com/forum/showthre...ho-can-help-me

    The suggested method is to define a component like:


    xtype: 'component', autoEl: { tag: 'iframe', src: 'http://www.whatever.com' }

    This is not accepted by architect 3, it displays an error about entering a valid tag.

  2. #2
    Sencha - Architect Dev Team jjohnston's Avatar
    Join Date
    Sep 2010
    Posts
    567
    Vote Rating
    20
    jjohnston will become famous soon enough jjohnston will become famous soon enough

      0  

    Default


    Thanks for the report! I have opened a bug in our bug tracker.

    Note that while we'll allow that tag to be entered, we most likely will not be able to render the iframe within Architect's design view due to security restrictions. I'll make sure we display some sort of placeholder in its place.

  3. #3
    Sencha User
    Join Date
    Apr 2013
    Posts
    32
    Vote Rating
    4
    bsougias is on a distinguished road

      0  

    Default


    Sounds reasonable, no problem!

  4. #4
    Sencha Premium Member
    Join Date
    Dec 2013
    Posts
    40
    Vote Rating
    5
    pedwards is on a distinguished road

      0  

    Default


    Is there a workaround for this as architect won't let me set "tag" property of autoEl?

    It looks like SA requires the tag to end with a ">" in order to be valid.

    Also, it only gives the validation error when setting it for classes.

  5. #5
    Sencha Premium Member
    Join Date
    Mar 2012
    Location
    New Zealand
    Posts
    115
    Vote Rating
    25
    wayne.rudd will become famous soon enough wayne.rudd will become famous soon enough

      0  

    Default


    I just use a 'Component' object and use update to set the html - works great


    e.g.

    var h='<iframe src="../reporting/viewer.aspx?'+query+'" height="100%"" width="100%" frameborder="0"></iframe>';
    this.down('#viewerComponent').update(h);