Zimlet Tab Inline HTML

[parixit]

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

[sposetti]

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

[parixit]

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!

[sposetti]

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.

[parixit]

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?

[sposetti]

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.

[parixit]

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.

[sposetti]

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%\" height=\"100%\" /></iframe>"); // write HTML to app

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

[parixit]

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!

[sposetti]

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?