Hi! Is there a way to add a Visualforce Tab to the tabs section on a skuid page?

Hey David

I’ve included VF pages on a skuid page using Template on a field editor (i remember trying on template component instead of field editor and it did not work as well, but maybe it’s changed that was years ago)

Examples:

or

Hope that helps!

There is a page API Wrinkle here. 

1. If using a V1 page - Dave is correct.  Template with the iframe code…  (Just remember to make sure the template is connected to a model so the merge sytax actually connects to data. 

2. If using a V2 page - you need to use a TEXT component and put the iframe code in the “advanced” property.  Its currently the only place you can inject the HTML into the skuid page.  That will be changing,  but for now - that is what you have to do. 

Oh, ya for some reason assumed you were on V1, thx Rob now I know for V2 as well!

And, shameless self-promotion ;-),  Rob if you are not too busy any chance you can help me with my recent post?

I tried adding this

<apex:page standardController=“Account”><apex:canvasApp developerName=“ChurnZeroConnectedApp_Ncontracts”/>
</apex:page>

to the template as you mentioned but it didn’t work, let me show you.

Have it up right now…

So how do I know if my pages are V1 or V2?

From Screenshot you provided seems to me you are on V1

But one of the way to check , is the page properties of your page in the page builder or your Skuid page List

Can you provide the Name of the Visual Force Page and The NameSpace Prefix? (you can find those info on the visualforce page for SF)

As well is this VF page expect the record ID from Account?

This is the VF Page. What would be the code I need to add to the template so that this Churn Zero VF page shows when you click on the tab?

Try this, in your skuid page:

Add a Field Editor Component
Relate it to proper model (account?) make sure Record ID is included in your model
go to Add Fields on that Field Editor, and choose template

In template add this

Save and preview

I feel like we are so close! It gives me a link to the churn zero profile view, but is there a way to actually see that second page from the skuid tab instead of clicking on the link?
and thank you so much for the help y the way…

the whole VF page is there it seems(i see scroll bars), change the height in the code for template
I have it very small at 70, try 600 and adjust as needed

Thanks Dave! 

This is great!! yall are awesome 🙂

Is there any way to center it so that it takes up the whole page? I did 200% but it just makes it bigger to the right side… it seems as its two columns kind of.

You’ve got the template in a field editor that is configured to have labels left.  Set the label on top and your iframe can go full screen. 
Add a space character to the label for the field and you can get rid of the label entirely. 

Rob beat me to it 😃

A pleasure! Welcome to Skuid, the best app out there for Salesforce and Now all Platforms!

It worked in lightning!! but it gave me an error in classic

Fascinating. In classic you need to use the visualforce namspace prefix in your URL. Its " c__ ". Not suprized that in Lightning the base VF prefix isn’t needed. Maybe it won’t break if its there and you can use the same page in both places… Here is hoping .

It is working now in classic as well!! woot woot! I really appreciate the help!

Hey Rob, wondering if another solution ever came up for v2, as i need to do similar on a table (include a vf page) but do not seem to be able.

We still support using the “Text component” and adding the VF Page runtime in HTML. The Advanced tab for the text component has the code editor.

Hello, actually it was to add on a table, but found out it still works template field on a table, as long a allow html=true.
In conversion from v1 to v2 that setting got unchecked by converter