Page 1 of 3 123 LastLast
Results 1 to 10 of 23

Thread: Zimlet Tab Inline HTML

  1. #1
    Join Date
    May 2007
    Location
    Piscataway NJ
    Posts
    62
    Rep Power
    8

    Default Zimlet Tab Inline HTML

    Hello,

    I need some help. I would like to create a zimlet that displays a tab (such as Mail, Address Book, Calendar, etc...) when the tab is clicked it loads a url to an external site.

    Please point me in the right direction.

    Thank you,

    Parixit

  2. #2
    Join Date
    Nov 2009
    Posts
    105
    Rep Power
    5

    Default

    You can have your zimlet create an app (i.e. a tab) in the zimbra web client. Check out this example:

    ZCS 6.0:Zimlet Developers Guide:Examples:Simple Tab - Zimbra :: Wiki

    The tab method hooks on the zimlet base JavaScript class are described in this JsDoc:

    Zimlet JavaScript API Reference - ZmZimletBase

    And here is an illustration of when those tab method hooks are called:

    ZCS 6.0:Zimlet Developers Guideeveloping Zimlets - Zimbra :: Wiki

  3. #3
    Join Date
    May 2007
    Location
    Piscataway NJ
    Posts
    62
    Rep Power
    8

    Default

    Thanks sposetti.

    I actually got the simpletab working. i am not sure how to implement an an inline external link.

    Sorry i am not a programmer!

  4. #4
    Join Date
    Nov 2009
    Posts
    105
    Rep Power
    5

    Default

    I just posted another example that shows writing content to the tab app. In this example, we write an <iframe> HTML tag that loads an external web page (www.yahoo.com):

    ZCS 6.0:Zimlet Developers Guide:Examples:Tab iFrame - Zimbra :: Wiki

    Let me know if that helps. I can post more examples (if needed) later today.

  5. #5
    Join Date
    May 2007
    Location
    Piscataway NJ
    Posts
    62
    Rep Power
    8

    Default

    sposetti! you are brilliant thanks for the help!

    i seem to have an issue though.

    I am trying to make a mailstore zimlet. so our users will be able to retrieve deleted mail through mailstore in ZWC.




    As you can see the tab and html part work but mailstore's web interface uses frames and it breaks.

    When I click on the folders (top left) the emails in that folder are suppose to display in the frame that is bottom left. After clicking nothing is displayed.

    Any ideas?

  6. #6
    Join Date
    Nov 2009
    Posts
    105
    Rep Power
    5

    Default

    An iframe just loads the page src specified. Once that page is loaded, it's really up to that embedded page to handle it's loading. Meaning: once we specify iframe and src to in our app tab, the processing of that embedded iframe page is handed over to that embedded page.

    I am guessing MailStore Web Access is using an iframe as well, which should be fine since nested iframes are valid in HTML.

    So one thing that came to mind: I just posted an update to the zimlet to make sure we are closing our iframe tag and giving it a name. That might be confusing the nested iframes. So please check out the latest zimlet code here:

    ZCS 6.0:Zimlet Developers Guide:Examples:Tab iFrame - Zimbra :: Wiki

    If this doesn't do the trick, you might want to check with the MailStore guys about running their Web Access client in an iframe.

  7. #7
    Join Date
    May 2007
    Location
    Piscataway NJ
    Posts
    62
    Rep Power
    8

    Default

    Maybe I missed something, but nothing has changed in update?

    Or it hasn't updated yet? I compared the code and its still the same.

  8. #8
    Join Date
    Nov 2009
    Posts
    105
    Rep Power
    5

    Default

    Ah...the newly updated file is still propagating on our servers.

    In the meantime, you can just edit your local copy of the JS file. I posted the code change I made to the handler object directly in the example page. You can see the extra HTML markup and closing of the iframe tag:

    app.setContent("<iframe name=\"tabiframe-app\" src=\"http://www.yahoo.com/\" width=\"100&#37;\" height=\"100%\" /></iframe>"); // write HTML to app

    ZCS 6.0:Zimlet Developers Guide:Examples:Tab iFrame - Zimbra :: Wiki
    Last edited by sposetti; 01-07-2010 at 12:13 PM.

  9. #9
    Join Date
    May 2007
    Location
    Piscataway NJ
    Posts
    62
    Rep Power
    8

    Default

    sposetti thanks for your help! though it seems like its an issue for the mailstore guys.

    I updated the zimlet with the new code and still having the same issue.

    This would be a great zimlet if I could get it to work. Our users would then be able to retrieve any deleted mail by themselves.

    Let me know if you have any ideas of what could be causing the problem. Or anything special I should let the mailstore guys know.

    Thanks again!

  10. #10
    Join Date
    Nov 2009
    Posts
    105
    Rep Power
    5

    Default

    You can try loading the MailStore app in an iframe just in a plain-old-HTML-page and confirm that works.

    Just make a test.html page and in that page, put the <iframe> tag that loads the mailstore app and confirm everything works fine.

    BTW, what browser/OS combination are you using? Have you tried both IE and FF?

Similar Threads

  1. Replies: 6
    Last Post: 03-05-2010, 12:13 AM
  2. Replies: 21
    Last Post: 02-04-2010, 09:06 AM
  3. Replies: 0
    Last Post: 09-11-2009, 04:41 AM
  4. Samba and POSIX undeploy problem
    By catnipper in forum Zimlets
    Replies: 0
    Last Post: 09-02-2009, 10:51 AM
  5. [SOLVED] HTML compose inline not working?
    By p24t in forum Administrators
    Replies: 2
    Last Post: 05-30-2008, 05:50 AM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •