How are the Foundry Documentation pages designed?

Not sure I’m following your question, as I suspect there might be a language barrier, but I’ll take a stab at it.

Each stack has its own documentation page. On each of those pages I’ve used a partial for the group of Vertical Navigation stacks in the sidebar. The links in the Vertical Navigation stacks all link to the individual pages for each stack.

Hi, I know you’ve worked hard on this update, but I think making a video to show people how they could build something like the documentation page would be helpful. IMHO. I know making videos take time, but you are by far the best on rapid weaver in explaining your stacks and putting them together. I hope you would consider. Thanks

1 Like

@BMoreGoHard-- Thanks for the kind words. What part of the page is it that you’re unclear about as far as the design goes?

Hi Adam,

I know, my English is not the best :slight_smile: - my native language is german…

But you understood my question right - your solution is that what I was thinking how you have done it. Thank a lot for your fast reply - again premium service and I think at this moment you will have a lot of questions and mails after going live with Foundry V2 :slight_smile:

I’ll try to work up a video. I’m just limited on time where I can record videos as I share office space.

How about this? Anyone interested in a project file laid out in the same style as the Documentation pages?

https://foundry.elixirgraphics.com/downloads/Documentation-Sample.zip

7 Likes

@elixirgraphics We don’t need no stinkin video with this perfect example project! Thanks a ton. Really. Truly.

2 Likes

Sure you’re welcome. Sorry for the delay. I sent that post while I was at an appointment. I kind of know how to make it now after us messaging each other yesterday

I was having trouble with having my sticky nav and the Glide stack. It seems like I can’t have a sticky nav in place when using the Glide stack. I’m trying to keep the side nav from the glide stack fixed in place much lower on the page like how you have the documentation page. I don’t know if I’m explaining it right.

Good deal. Nice, I’m just seeing this. Yeah no vid needed.

I’m not using Glide. Glide is one of the Stacks you cannot use with Partitions as I mentioned before.

Check out the project file I linked to above. :+1:

No I’m sorry, I’m trying to use it because I’m trying to rebuild my page like how i did with the Rails stacks. Yeah, I like the project file. Nice! Thanks.

Opening your Documentation-Sample and previewing in RW and in Safari the Nav is sticky and only the Main column scrolls as desired. Previewed in Firefox and Chrome everything on the page scrolls together. This is confirmed in my own files also. Is this expected?

Which navigation are you referring to? The Nav Bar Pro or the Vertical Nav stacks located in the sidebar? Everything in that project works just like the Documentation pages on the Foundry site. Here’s a video showing the Documentation Sample project…

It sounds to me though like what you’re experiencing is because you’ve not updated to Foundry v2.0.1 and then restarted RW.

Righto. Missed the update

1 Like

No problem. It just came out yesterday afternoon. I don’t expect everyone has updated yet. That fix it for you?

Fixed it. Thanks. Loving Foundry.

1 Like

Awesome! Really glad to hear it!

Thanks Adam for the sample file, it is very nice. Quick question on the Foundry Documentation design…how did you add v2 to the vertical nav items?

Thanks again!

Hi there @shad1111 – Long time no see around here!

Those labels are just using the <kbd></kbd> markup within the label. The <kbd></kbd> markup is discussed on the Paragraph stack’s documentation page, but is can be used in other places in your site.

I’ve used it throughout the documentation to indicate elements that are new in Foundry v2.

Check out the Paragraph documentation. At the bottom of the page I cover how to use it.

2 Likes

I think this might be relevant here. In Partitions you have the Topper. Placing a footer under the partition creates double scroll bars. Is there a future possibility for you to add a Footer section to span the full page width using a similar method as the Topper?