Forum posts to 'Template Questions'

Re: a "require" block in a "if/end_if" block : is it possible

Myrdhin — Sat, 20 Mar 2010 06:22:19 +1300

Thanks

Posted to: a "require" block in a "if/end_if" block : is it possible Show Thread | Post Reply

Re: Two templates for every page

chingochango — Thu, 18 Mar 2010 17:41:21 +1300

Hi WebDev,

Banal has you covered here but....If you haven't already I strongly recommend grabbing a copy of the Silverstripe book. http://www.amazon.com/SilverStripe-Complete-Guide-Development-Wiley/dp/0470681837/ref=sr_1_1?ie=UTF8&s=books&qid=1268887245&sr=8-1-spell.

There is a whole section in there on Silverstripe's built in and ready RESTful services. By default it is disabled but it is ready and waiting there to be used. Not sure if it is limited to only DataObjects though, so you may need to look further into that.

Posted to: Two templates for every page Show Thread | Post Reply

Re: a "require" block in a "if/end_if" block : is it possible

Hamish — Wed, 17 Mar 2010 18:21:07 +1300

You can put Requirements calls anywhere but they won't respect <% if %> blocks.

Posted to: a "require" block in a "if/end_if" block : is it possible Show Thread | Post Reply

Re: a "require" block in a "if/end_if" block : is it possible

Pigeon — Wed, 17 Mar 2010 12:50:14 +1300

I'm not sure if you can even put <% requirements .. %> in if blocks (although i see no reason why not). However, i have never known != to work in the templating language (despite what the recipes / docs / tutorials say) so you have to go:

<% if ClassName = HomePage %><% else %>
....
<% end_if %>

Posted to: a "require" block in a "if/end_if" block : is it possible Show Thread | Post Reply

Place image in sidebar

jseth — Wed, 17 Mar 2010 08:09:56 +1300

I've been searching for this topic and have found some answers, but not quite what I need. I have 16 pages out of all the pages in my site in which I need to place an image (a different one for each of the 16 pages) in the sidebar area. I have already created a pgmpage page type for these pages to differentiate them from the regular pages. I've tried creating a "sidebar" page and typing "<div id="Sidebar" class="typography">$Page(SidebarPage).Content</div> in my Page.ss code and it works, but it places the same image in every page. Close, but not really. I seem to not know enough about the coding to make the sidebar only appear on certain pages, then assign different images to each sidebar on each page. Would someone know how to do this? Thanks.

Posted to: Place image in sidebar Show Thread | Post Reply

a "require" block in a "if/end_if" block : is it possible

Myrdhin — Wed, 17 Mar 2010 05:26:52 +1300

Hello,

I try do to that :

<% if ClassName != HomePage %>
<% require themedCSS(pageLayout) %>
<% require themedCSS(pageTypography) %>
<% end_if %>

But it doesn't work : the pageLayout and pageTypography CSS files are read when i call a HomePage type. I know it's possible to do in the init() function in the controller classes (other than HomePage_controller) but i would like to do in the template.

Is it possible ? Perhaps i do a mistake ?
thanks for your help.

Posted to: a "require" block in a "if/end_if" block : is it possible Show Thread | Post Reply

Re: Two templates for every page

banal — Mon, 15 Mar 2010 22:31:21 +1300

There's also another possibility, where you don't even need two different URLs (eg. just /news, instead of /news and /news/json).
You could do that by detecting AJAX requests in your index action and return JSON data if an ajax request was detected.

public function index(){
   // detect ajax request.
   // If it's not an ajax request return array() to render with default template
   if(Director::is_ajax() == false){
      return array();
   }

   // populate some data. This is just an example:
   $data = array( 'Title' => $this->Title, 'Content' => $this->Content );
   // return data encoded as json
   return json_encode($data);

}

Director::is_ajax() will automatically detect AJAX requests. To test this, you can also append ?ajax=1 to the URL and see the AJAX output.

Posted to: Two templates for every page Show Thread | Post Reply

Re: Two templates for every page

banal — Mon, 15 Mar 2010 22:12:05 +1300

That's rather easy to do.
Just create a separate action in your page controller class, something like this:

public function json(){
return array();
}

Then you can create a template for this, example: Page_json.ss

This template will then be used, when you call the json action on the controller.. this is as easy as: /pageurl/json

Posted to: Two templates for every page Show Thread | Post Reply

Two templates for every page

webdev — Mon, 15 Mar 2010 21:14:48 +1300

Hi.
I need SS to publish every page in my project into two separate templates - HTML file and JSON file.
For example, if I have a page 'News', I would like to publish it into /news as HTML and /news-json as JSON.
What is the easiest way to do that?

Posted to: Two templates for every page Show Thread | Post Reply

Re: If blocks in email templates?

Pigeon — Mon, 15 Mar 2010 11:59:56 +1300

In the templating language one doesn't use $ to assign variables / functions within the opening and closing brackets (<% %>)

So it is like this:

<% if checkbox %>
$Message
<% end_if %>

Posted to: If blocks in email templates? Show Thread | Post Reply

Re: removing footer etc from a sub-template

Scorpiankh — Mon, 15 Mar 2010 11:54:14 +1300

Ok I tried again making the HomePage a template in /templates/ folder and it worked this time, not sure what I did wrong before, i don't think I had it in the Layout folder before ... but anyways, working now so all good thanks

Posted to: removing footer etc from a sub-template Show Thread | Post Reply

If blocks in email templates?

plautzer — Mon, 15 Mar 2010 07:36:26 +1300

Hello,

is there a way to use if statements in email submussion forms? When I use the template if blocks:

<% if $checkbox %> Write Hello <% end_if %>

I always get follwoing error:

Parse error: syntax error, unexpected '}' in ../email_template.ss on line 107

Do u know how to get this to work?

thx,
Plautzer

Posted to: If blocks in email templates? Show Thread | Post Reply

Re: Counting rows in template language

Sean — Sun, 14 Mar 2010 19:54:59 +1300

2.4 added a modulus factor into ViewableData. The change was applied here: http://open.silverstripe.org/changeset/95584

You could probably use something like that. It uses modulus in PHP (%) to do what you're looking for.

Sean

Posted to: Counting rows in template language Show Thread | Post Reply

Re: removing footer etc from a sub-template

Willr — Sun, 14 Mar 2010 16:11:04 +1300

You are probably using a HomePage sub template (eg a HomePage.ss inside yourtheme/templates/Layout/.) this means that the template parser will use Page.ss in yourtheme/templates which has the header / footer. What you want to do is define HomePage.ss as a root template (in yourtheme/templates/ rather than a subtemplate. Then Page.ss will not be used at all.

Other option is to wrap your header / footer in Page.ss with <% if URLSegment != home %>...

Posted to: removing footer etc from a sub-template Show Thread | Post Reply

Counting rows in template language

hawk — Sun, 14 Mar 2010 15:44:58 +1300

Hi,

I need some way to create x many objects add a clearing class and add another create x many objects add another clearing class and continue. Example = thumbnails of photos in a gallery. Yes i could use a table but I would run into the same problem. The kind of functionality I'm looking for is similar to Even and Odd, but not with a base of 2.

In php i would do something like:
$j =0;
for ($i =0; $i < $total; $i++) {
echo $something;
$j++;
if($j == 5) {
echo '<div class="clear"> </div>';
$j=0;
}
}

What I've done is added the below code to ViewableData:
/*
    * Return if we have a complete row or not
    * @param int $denominator, which defaults to 1.
    * @return boolean
    */
   function IsDivisibleBy($denominator = 1) {
      if (is_int(($this->iteratorPos+1) / $denominator)) {
         return true;
      } else {
         return false;
      }
   }

I can then use the below in my template class:
<% if IsDivisibleBy(3) %>

Is there a better way?

Posted to: Counting rows in template language Show Thread | Post Reply

removing footer etc from a sub-template

Scorpiankh — Sun, 14 Mar 2010 14:49:57 +1300

For a website I'm working on, the homepage needs to have a completely different layout from the rest of the site, also it has a different header and menu, and no foooter.

I tried makin the HomePage a template extending from sitetree first but it was still including the header menu and footer from the Page page type.

Also tried making it a subtemplate of Page and used $URLSegemnt in the <body> tag to create a page id so I could try and remove or make the items display differently in the css file, which half worked, checking the source code once the page had been generated it was showing the homepage with <body id="home"> but none of my #home css styles were being applied to the page.

So is there a way to either make the HomePage page type not inherit from the Page page type, or to remove the header menu and footer in the template?

The only other way i can think of to do it at the mo is to leave the Page page type blank inside the body tags and include the header footer and menu individually on each sub-template except the HomePage.

Posted to: removing footer etc from a sub-template Show Thread | Post Reply

Re: CSS dropdown/if-block

Willr — Thu, 11 Mar 2010 11:33:57 +1300

You could add a <% if ShowSubMenu %> around the <% if Children %> then make a function like this in your Page class in mysite/code/Page.php

function ShowSubMenu() {
$ignored = array('news', 'giftshop');

return (!in_array($this->URLSegment, $ignored));
}

In that example I use the URL, but you could use ClassName if they have individual / unique classes. Thats probably safer say if you renamed giftshop later on.

Posted to: CSS dropdown/if-block Show Thread | Post Reply

CSS dropdown/if-block

junkbunny — Thu, 11 Mar 2010 09:12:46 +1300

Hi,

I'm incredibly new to using Silverstripe so forgive me for anything daft I might say.

I've been working on a website here: http://dev.whhf.org.nz - putting a CSS drop-down menu on the navigation. It's working fine but the problem is that the code calls the children of each page that's in the nav. If you hover over the 'news' link, a gigantic drop-down list appears because there are hundreds of news items which are children of the news page.

Is it possible for me to have SS call the children for all the pages EXCEPT 'news' and 'giftshop'?

Here's the code I currently have in Navigation.ss:

<ul id="menu">
   <% control Menu(1) %>
       <% if Last %>
          <li class="li-top"><a href="$Link" title="Go to the $Title.XML page" class="$LinkingMode top sub last" style="margin-left: 0px;">$MenuTitle</a>
         <% if Children %>
            <ul class="leveltwo">
               <% control Children %>
                  <li><a href="$Link" class="$LinkingMode" title="$Title">$MenuTitle</a></li>
               <% end_control %>
            </ul>
         <% end_if %>
         </li>
      <% else %>
         <li class="li-top"><a href="$Link" title="Go to the $Title.XML page" class="$LinkingMode top sub">$MenuTitle</a>
            <% if Children %>
               <ul class="leveltwo">
                  <% control Children %>
                     <li><a href="$Link" class="$LinkingMode" title="$Title">$MenuTitle</a></li>
                  <% end_control %>
               </ul>
            <% end_if %>
         </li>
      <% end_if %>
   <% end_control %>
</ul>

Any help will be greatly appreciated. Please try to explain things to me as simply as possible if you can..

Posted to: CSS dropdown/if-block Show Thread | Post Reply

Re: Breaking lines in top menu items

Rishi — Thu, 11 Mar 2010 07:12:23 +1300

hello Victor
i am having the same problem,are you able to solve it

Posted to: Breaking lines in top menu items Show Thread | Post Reply

Set mainTemplate at runtime?

fabilo — Wed, 10 Mar 2010 22:30:14 +1300

Hey guys, is it possible to set the mainTemplate that is used in a page controller function?

I tried using 'return $this->renderWidth("Ajax");' but to no avail. It just displays the Ajax.ss template as the $Layout for the standard mainTemplate (Page.ss).

I checked the core SSViwer.php code and saw a guard in there - so tried using '$this->renderWidth("Ajax.ss")' but it returns an error:
[Warning] filemtime() [function.filemtime]: stat failed for Ajax.ss

Can anyone help me? I'm truely stumped.

Cheers

Posted to: Set mainTemplate at runtime? Show Thread | Post Reply

Re: CSS, can't get it working

Willr — Wed, 10 Mar 2010 16:49:12 +1300

Handy tip for working with CSS is to install Firebug. Its a plugin for firefox. You'll be able to check easily then if your css file is even being included, or if its been overridden by styles from another one.

Install that, then check your css is loading, then check what rules are overriding it.

Posted to: CSS, can't get it working Show Thread | Post Reply

CSS, can't get it working

Fakey — Wed, 10 Mar 2010 09:12:23 +1300

Hello silverstripe people,

I'm new here so i'll introduce myself real quick before i start asking some questions ;)

My name is Bryan i am 18 years old and i live in the netherlands. I'm currently studying IT and i enjoy webdesign/development alot.
My hobby's are music and anything that has to do with computers.

So lets get to the question part.

I've got a client who i am designing a website for, but as i am short on time (got a big project coming up) i needed to download a open source CMS.

After messing around with CMS Made Simple (wich refused to work on the public webserver), i found SilverStripe.
So this is my first SS project and i'm already stuck.

I was following the tutorial on the site to get the website to work.
Got it working etc. except for 1 thing:
The background is light blue whilest in my CSS i defined it to be light orange, same with the on-mouse-over state that is build in with SS.

Here is my page.ss:

--- HTML ---
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
   <head>
      <title>Brenda's Little Aussies.nl</title>
      <% base_tag %>
      <link rel="stylesheet" type="text/css" href="themes/tutorial/css/css_Content.css"/>
      <link rel="stylesheet" type="text/css" href="themes/tutorial/css/css_Layout.css"/>
      <link rel="stylesheet" type="text/css" href="themes/tutorial/css/css_Navigation.css"/>
      <link rel="stylesheet" type="text/css" href="themes/tutorial/css/css_Tags.css"/>
   </head>
   <body bgcolor="#d9b078">
      <center>
         <div id="layout_Container">
            <div id="layout_Banner"></div>
            <div id="layout_Navigation">
               <ul id="nav_Buttons">
                  <li id="nav_Sep"></li>
                  <% control Menu(1) %>
                     <li id="nav_Button" class="$LinkingMode"><a href="$Link" id="nav_Link" title="Go to the "{$Title}" page">$MenuTitle</a></li>   <li id="nav_Sep"></li>
                  <% end_control %>
               </ul>
            </div>
            <div id="layout_Content">
               <span id="content_Title">$Title</span><p></p>
               <span id="content_Body">$Content $Form</span>
            </div>
            <div id="layout_Footer">
               <span id="footer_Disclaimer">All images on this website belong to their respective owners</span><br/>
               <span id="footer_Copyright">Design by BD-Designs ©</span>
            </div>
         </div>
      </center>
      $SilverStripeNavigator
   </body>
</html>
--- END HTML ---

And this is the body part of my css (wich is in css_Tags.css)

--- CSS ---
body {
background-color: #d9b078;
}

--- END CSS --

And the on mouse over state in css_Navigation.css

--- CSS ---
li.current {
color: #ffdec5;
}
--- END CSS ---

When i run the script and add ?flush=1 at the end (or not) the background is light blue.

I used the tutorial template folder and just cleared that out as i had no clue how to change the template once i have selected one.

I hope someone can help me.

Thank you in advance.

Sincerely,

Bryan a.k.a. Fakey

Posted to: CSS, can't get it working Show Thread | Post Reply

Re: [Tutorial] Using Zend_Layout and Zend_View with SilverStripe

banal — Tue, 09 Mar 2010 19:54:53 +1300

Hi there

Thanks for this. It's always good to see how to integrate other systems into SilverStripe for more flexibility.
Personally I have also used Zend Framework professionally, although I wasn't too fond of Zend_View myself.
You're right however, there have been comments about the lack of flexibility in the SilverStripe template-engine, so these people now have an alternative. Never thought it would be that easy to implement ;-)

I suggest you put this up on http://www.ssbits.com, so that it doesn't get lost in these forums.

Posted to: [Tutorial] Using Zend_Layout and Zend_View with SilverStripe Show Thread | Post Reply

[Tutorial] Using Zend_Layout and Zend_View with SilverStripe

Christopher_S — Tue, 09 Mar 2010 12:57:28 +1300

Over the last year or so, I've noticed many comments about the SilverStripe template language being unnecessary, or people having issues with it (trying to gain more flexibility).

It is actually fairly easy to use an alternate templating system, and I felt I would post a brief tutorial on how to use Zend_Layout and Zend_View with SilverStripe.

Assumptions:
- Custom code in an "/application" subdirectory.

1. Setup Zend Framework

- Download and place Zend Framework to a directory (eg. /_lib/). It's important to prefix with an underscore so SilverStripe's ManifestBuilder skips it.

2. Include Zend Framework in include path

- In your "_config.php" file for your application, be sure to include ZF. Example:

$zend_lib_path = realpath( '..' . DIRECTORY_SEPARATOR ) . DIRECTORY_SEPARATOR . '_lib';
set_include_path( $zend_lib_path . PATH_SEPARATOR . get_include_path() );

3. Extend ContentController with a custom Page controller

- Usually, most people create a "Page" class that extends "SiteTree", along with a "Page_Controller" that extends "ContentController". This is pretty standard, however we want to override a particular method called "handleAction()" to perform our integration.

require_once 'Zend/Layout.php';
require_once 'Zend/View.php';

class Page_Controller extends ContentController
{
protected $layout;
protected $view;

   public function __construct( $dataRecord = null )
   {
      parent::__construct( $dataRecord );
      $this->initLayout();
   }

   public function index()
   {
   }

   private function initLayout()
   {
      $view = new Zend_View();
      $view->setScriptPath( '../application/_views/scripts' );

      $layout = new Zend_Layout();
      $layout->setLayoutPath('../application/_layouts/scripts');
      $layout->setView( $view );

      $this->view = $view;
      $this->layout = $layout;
   }

   public function handleAction( $request )
   {
      $this->action = str_replace( '-', '_', $request->param( 'Action' ) );
      $this->requestParams = $request->requestVars();

      if ( !$this->action )
      {
         $this->action = 'index';
      }

$controller = $this->ClassName;
$action = $this->action;

      // run & init are manually disabled, because they create infinite loops and other dodgy situations
      if ( in_array( strtolower( $action ), array( 'run', 'init' ) ) || !$this->hasMethod( $action ) )
      {
         return;
      }

      $this->$action( $request );

      $this->layout->controller = $controller;

      // Assign all ContentObject values to view
      $this->view->object = $this->dataRecord;

      // Default view handling
      $this->layout->content = $this->view->render( $controller . DIRECTORY_SEPARATOR . $action . '.phtml' );
      echo $this->layout->render();
      exit;
   }
}

- Above you will see that we hijack SilverStripe's "handleAction" method to use Zend_Layout and Zend_View for template processing.

- To make things easy, we assign the current data record to a Zend_View object called "object".

- By default, the current controller action will attempt to load a view from /_views/scripts/[CONTROLLER]/[ACTION].phtml This is similar to how Zend Framework handles things by default. For instance, for the "index" action for "Page", it would load: /_views/scripts/Page/index.phtml

4. Start using Zend_Layout and Zend_View

- The basics are now all in place and you may setup your templates according to standard Zend_View conventions, using helpers and all.

- Extend this "Page" class and "Page_Controller" with your own custom pages to use the Zend templating.

- Note: Several core SilverStripe pages will not use this, so you will still need to use a "Page.ss" for some things. Eg. login screen, forgot password, etc.

To conclude

Please post any questions you might have, as the above is brief and should provide enough guidance for experienced users.

Posted to: [Tutorial] Using Zend_Layout and Zend_View with SilverStripe Show Thread | Post Reply

Re: generating a CSS page, possible bug? 404 error

vancouverWill — Tue, 09 Mar 2010 10:35:56 +1300

any thoughts on this?

Posted to: generating a CSS page, possible bug? 404 error Show Thread | Post Reply

Re: Appending .px to template variable

baba-papa — Sun, 07 Mar 2010 20:19:37 +1300

Usualy customers are the ones that work with the backend. As they do not know much about css or browser bugs they should not interact with css.

Posted to: Appending .px to template variable Show Thread | Post Reply

Re: Appending .px to template variable

lerni — Sun, 07 Mar 2010 07:02:32 +1300

i guess the issue is solved with {$x}px.

but baba-papa ok there are pros & contras for controlling styles trough the cms - what is best practice if you do? would you make inline styles in the template? how do you actually use $vars in the css files?

luk

Posted to: Appending .px to template variable Show Thread | Post Reply

Re: Help, my site is broken!

Pigeon — Sun, 07 Mar 2010 05:21:25 +1300

It's clearly a templating issue. Your duplicating your global template file as we can see <html> opening tags twice.

Posted to: Help, my site is broken! Show Thread | Post Reply

Re: Appending .px to template variable

baba-papa — Sun, 07 Mar 2010 05:12:07 +1300

Don´t let anyone change CSS via the backend, this will blow up in your face sooner or later.

Posted to: Appending .px to template variable Show Thread | Post Reply

Re: Passing Variables from Template to Class?

baba-papa — Sun, 07 Mar 2010 05:09:51 +1300

There is an excellent ducumentation on how to implement pagination:
http://doc.silverstripe.org/doku.php?id=private:recipes:pagination

Posted to: Passing Variables from Template to Class? Show Thread | Post Reply