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
    31
    Vote Rating
    1
    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
    462
    Vote Rating
    15
    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
    31
    Vote Rating
    1
    bsougias is on a distinguished road

      0  

    Default


    Sounds reasonable, no problem!

  4. #4
    Sencha Premium Member
    Join Date
    Dec 2013
    Posts
    36
    Vote Rating
    3
    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
    102
    Vote Rating
    15
    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);