How can I integrate Evernote and Box into my skuid tabs?
I am currently in the process of customizing the Skuid UI to fit the needs of my company. The one problem I am running into is figuring out how to integrate my Evernote and Box VF pages that I currently use on my accounts, contacts, leads, and opportunities sections in my Salesforce Org. I know that their are many great custom components that Skuid offers but those two applications are essential in my day to day operations and I could really use help in integrating those VF pages into my Skuid pages.



Tagged:
0
Categories
- 7.9K Questions
- 926 Ideas
- 220 Discussion Categories
- 178 General
- 9 Community Feedback
- 3 Community Info
- 18 Knowledge Base
Comments
Usually, you can include the VF page created by the partner into your skuid page using our Template Component and some iFrame syntax. You'll need to see what is being done in the standard salesforce environment to pass a record ID or some other data into the partner application, usually this is as simple as a query string tagged onto the URL that is sent to the partner. So for example PartnerX might have a component that really is just a wrapper for thier web page,
the URL looks like this: https://
partnerX.com?ID
=a0a400000088gqLAAQYou need to figure out what that ID "a0a400000088gqLAAQ " s.
Let's pretend here that its an account.
Then make sure that field is in your model, and that your template component is referencing that model. I'm assuming that Field is "AccountID"
Then use iFrame Syntax in your template that might look somthing like this: We've replaced the actual ID numbers with our moustache merge syntax. Triple braces means that the AccountID data will be injected into the page, just as data, with no metadata or rendering options.
Hope that helps. If you want more direct assistance give us login rights to your org and we can take a look more specifically how Box and Evernote are working.
I've tried using the code:
<iframe id="myframe" src="https://aspirationgroup--c.eu2.visual.force.com/apex/FileIt_Account?id={{{AccountID}}}"; width="100%" height="500px" seamless="seamless" />
...in the template and many variations of it and I just get a 'Page FileIt_Account Does not exist" message in the template.
My concern over using an iFrame is probably due to my misunderstanding of what it can do - I thought it just displayed a live page from an external website.
<code>
<iframe src="/apex/wbdbox__FileIt_Account?id={{{AccountId}}}" height="500px" width="100%"/>
</code>
It should be noted that in the preview page it doesn't work, but upon saving and then testing in a live page it works fine!
I've added the iframe as above to a template within the page. However, do I need to do something else to get it working?
Then in your Skuid page create a template component with "Allow HTML" turned on. In the template text area box I use the following code: Replace YOURSERVER with your salesforce server name and replace VISUALFORCEPAGE with the visualforce page you created in the previous step.
Here's how it looks once it's done:
I'm able to show the dropbox container in an iframe and it loads and works, but how can I get it to show the correct folder. Right now it shows the root folder and I would like to pass it the current object ID and have it default to that folder.
Have you managed doing this? I've tried passing <iframe src="https://dropbox-for-sf.na34.visual.force.com/apex/Dropbox_for_Opportunities" height="500px" width="100%"/>
I've tried adding the OP id as ?id= but it throws an error on the Dropbox script.
I've dug a bit on the opp. detail view in search of any reference but I can't find it. The only thing is they use the iframe with the url for the servlet and give it the "Dropbox_For_Opportunities" VF page as an ID, pass a token, all of this as a form but outside the iframe, I imagine it's how they load the iframe itself. The contents of that is a gigantic token.
Thanks
You are not passing any particular ID into the iFrame code, so Evernote doesn't know what folder to retrieve.
To figure out how this works, look at a standard layout page where the iFrame is working.
Inspect the actual code that is getting generated and see what the URL looks like. Hover over the evernote section on the page, right click on the page and "inspect element". Then in the Elements tab of the developer tools start going up the code until you find the page include URL. There are loads of nested DIVS and you just have to find the right one
The URL will probably look like: <iframe src="https://dropbox-for-sf.na34.visual.force.com/apex/Dropbox_for_Opportunities?id=00QU000000Ntr82MAB"; height="500px" width="100%"/>
You need to add merge syntax to your iframe template to pass the opportunity ID into the url. If the "Opportunity" model is connected to the template where your iFrame is then it might look like this: : <iframe src="
https://dropbox-for-sf.na34.visual.force.com/apex/Dropbox_for_Opportunities?id={{{Id}}}"
height="500px" width="100%"/>Good luck.