Public » Silverstripe Page Elements

which version of Silverstripe CMS / elements are you using?

cheers

Followed the instructions, but the template selection doesn't show an item.

is there at least one file called GridPage_x.ss in your theme/templates/Layout/ folder?

also can you verify that you are using Page elements 1.x release with silverstripe 2.3.x and page elements with silverstripe 2.4.x release

Make sure that you uncomment the theme setting in mysite/config.php and put a gridpage template in that theme. The page element code need modfication and I have posted about that

Please supply one example of GridPage_BlackCandy.ss that work with SilverStripe 2.4 for download and please indicate clearly where is the folder. I have read and still have not figure out what to do?
The content of GridPage_fancypants.ss is "fdfdfsgvfvs"

For newbie, it is difficult to follow.

In summary
a) It is impressive to see the video how it works, but it seems to be very advanced and beyond the reach of newbie
b) http://server.kelpdesign.com/projects/page-elements/wiki/Howto_create_an_Elements_Template

First:
"<<yourtheme>>/templates/Layout ==> typically mean /localhost/silverstripe/templates/layout however, another forum feedback indicates that he/she learns the hard way to be
localhost/silverstripe/mysite/templates/layout.

Please clarify.

Second: please supply a working example GridPage_fancypants.ss file.

The demo page is very impressive:http://demo.devkelp.com/admin

Please supply an example how to product the Grid1 page (Type Gridpage).

Thank you.

/localhost/silverstripe/templates/layout

is the right place

How, I would need an example that lead to Grid 1 page (above)

GridPage_fancypants.ss

thank you - appreciate

Found it: a possible sample of GridPage_fancypants.ss

<div class=”Content”>
<div class=”Top”>
$Slot(Top)
</div>
<div class=”Columns”>
<div class=”ColumnRight”>
$Slot(Right)
</div>
<div class=”ColumnLeft”>
$Slot(Left)
</div>
</div>

can you please contact me on skype: 'kelptim'

need more detail of what is not clear in the documentation

cheers

Could you please provide more different examples of GridPage_fancypants.ss for newbies to learn how to use.

e.g. When we create a GridPage, go the the Behaviour, when choosing a template, there are many different template to choose from - so we can quickly learn the concept behind Page-Element.

FYI: I am using SilverStripe2.4.1, after created GridPage and tested adding some Element to slots, The CMS Behaviour TAB no longer work. i.e. Clicking on the Behaviour Tab when GridPage is selected, all I see is a blank page.

Second, I can not drag and move the element from one slot to another slot. Not sure what I have done wrong.

Good Work and keep it up.

I downloaded the SVN trunk version, draging work now. Thanks.

Okay,

I will put some example gridpages in there using the 960gs framework.

I found the issue with the cms buttons disappearing was to do with invalid html inside gridpage layouts (Eg nott closed divs etc)

will point that out too and then make another release.

Thanks for your help!

Hi Tim

I've been reviewing your module for our use and I like what you've done. I think a simple getting started document with a handful of templates and a 960 modified Blackcandy theme is what people need. I could help.

Kevin

Hi Kevin,

thanks!

you can add me on skype 'kelptim' so we can have a chat

cheers,
tim

I have updated the themedir function in gridpage in trunk

so it should now detecte the theme dir properly

Thanks!

Would really like to get this work - looks like it would be quite useful but after spending most of the day on it, I have nothing (useful) to show for it. I will second the idea that getting Page Elements to work seems require a theme other than the readily available samples thus a full example is needed - an edited BlackCandy would be a great starting place.

For my own part, I have the current SVN installed and can create 3 column grid layouts in SS using the samples you've provided, but when they export to the sample site I created using the BrushedSilver tutorial theme I don't get three columns arranged side-by-side. Instead I get a single column of text consisting of the left Page Element grid column content on top, followed by the middle grid content, followed by the right column content in a vertical stack. Also blown out completely are the graphical jpg elements of the header and the secondary menu that belongs on the left (BrushedSilver is similarly to BlackCandy in layout). All I have left are the topmost portions of the header, the top level menu structure, the combined text that I put in the three grid Page Elements and then the footer. I will look at the links you sent for 960 compliant layout design, but this is looking like heavy sledding...

Hi there,

this sounds like a css (960gs) issue to me.

make sure you have a <div class="container_12">...</div> wrapping the slots.

Cheers

So I got it to work! Let me say upfront that all I know about CSS, editing Silverstripe themes and 960 grid I learned (painfully) in the last 24 hours while doing my normal job, but for the sake of other outright newbies trying to get started, I was able to mod an existing theme to get a three column grid page to work the way I wanted, which is with a submenu on the left and two Page-Elements columns to the middle and right.

1) I used Aram Balakjian's template building sample found here: http://www.ssbits.com/newbies/2010/building-a-theme-from-a-static-template/

2) I then modified all references in /themes/brushedsilver/css/layout.css that read 950px to read 960px.

3) I then merged a modified copy of the sample GridPage_3cols.ss in Page-Elements current svn with the content in the Aram's /themes/brushedsilver/templates/Layout/Page.ss and Tim's suggestion in the comment above to produce a new /themes/brushedsilver/templates/Layout/GridPage_3cols.ss as follows:

<img id="headerImage" src="themes/brushedsilver/images/header_color.jpg" alt="header Image">
<div class="container_12">
    <div class="grid_3 left">
        <div class="typography">
                <% if Menu(2) %>
                    <% include Sidebar %>
                    <div id="content">
                <% end_if %>

                <% if Level(2) %>
                      <% include Breadcrumbs %>
                <% end_if %>

            </div>
        </div>
    </div>
    <div class="grid_6 main">
        $Slot(Main)
    </div>
    <div class="grid_3 right">
        $Slot(Right)
    </div>
</div>
<div class="clear"></div>

... so I see the code got reformatted in my example above. My apologies. I'm attaching here as a file so it can be read.

Hi Peter thanks for this!

to execute custom sql queries within your website I built an element "DataObject View" which basically lets you query for dataobjects and then display in whichever way you want: http://www.page-elements.com/catalogue/Advanced/DataObject+View/
Make sure you use proper quoting in your queries otherwise this can bring the whole site down...

Cheers,
Tim