PivotalTracker Github @Twitter
Arrow_up_small
api auth book bugfix collaborate doc feature gem howto interpreter jquery js layout migration mongo performance rails ruby server task tdd tool video view

DEMO PAGE

This is an example how you may use PageTemplate and PageComponent in CBA.

For this Page we use Page: Body and components only template. This will not show the title of the page since we'll render it within this body (DEMO PAGE)

All attachments will be used within the follow components and doesn't need to be rendered by the page-template itself.

Screen%20shot%202011-05-02%20at%2016.52.11
**Render Attachments as pictrues** You can use the default-template `Component: with attachment 1` to render a picture along with a PageComponent like this. Just upload any image as first attachment to the page and add a component using this template. At the moment all pictures will be rendered in default :medium style. Parameter to display pictures of any size or even as a popup will follow as a feature of CBA soon. With this technique you may construct any page which can be displayed with html and css. If you want to use a CBA-site with many pages and in a way a CMS works, just define the PageTemplates as you need and give them names which your users/authors will follow instinctually. I also deal with the idea that administrators should be able to bundle Pages and PageComponents to a named "Fill and Fire Page" for their staff. Once this will work you can use CBA as a real CMS.

This is Box 1 of style 'Component: float-left-box (200px)

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Box 2 is 300px in width and uses 'Component: float-left-box 300px'

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

This is a small one again (100px) Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. we use <small> within the body to make the font size smaller. You may define smaller fonts in your application.css for this style.

And finally a small box again.

The next PageComponent will use style 'clear-left' to make sure we'll begin a new line of Components.

Screen%20shot%202011-05-02%20at%2016.52.11

3 comments
Missing
Adonica, about 1 year ago

Thanks for sharing. Awylas good to find a real expert.

Missing
Janese, about 1 year ago

Home run! Great slugging with that aswner!

Missing
Vina, about 1 year ago

Superior tkhining demonstrated above. Thanks!