Re: Adding CMS Editable Areas

goodness — Thu, 16 May 2013 01:36:12 +1200

OpticBlaze (or anyone willing to help),

I'm hoping you can help me once again. I'm looking to add tabs to a page that are user editable within the CMS. I found a thread on this subject over in General but for some reason no one has been willing to respond. Here's the original thread:

http://www.silverstripe.org/general-questions/show/18638

I'm looking for a way to implement this where the tabs are auto-generated based on child pages.

If there's any way you can help me it will be greatly appreciated.

Thanks!

Posted to: Adding CMS Editable Areas | Show Thread | Post Reply

Re: Problem with customsiteconfig with woody theme

Webdoc — Mon, 13 May 2013 22:42:12 +1200

What version on Silverstripe are u using?

Arvixe Web Hosting / SilverStripe Community Liaison | Looking for quality SilverStripe Web Hosting? Look no further than Arvixe Web Hosting!

Posted to: Problem with customsiteconfig with woody theme | Show Thread | Post Reply

Problem with customsiteconfig with woody theme

elusive — Tue, 07 May 2013 06:09:09 +1200

Guys, i need your help!
Error:
Strict Standards: Declaration of CustomSiteConfig::extraStatics() should be compatible with that of DataExtension::extraStatics() in /var/www/elusi489/data/www/mestocrimea.ru/mysite/CustomSiteConfig.php on line 59

File:

<?php

class CustomSiteConfig extends DataExtension {

function extraStatics() {
return array(
'db' => array(

         'Tekst1' => 'HTMLText',
         'Tekst2' => 'HTMLText',
         'Tekst3' => 'HTMLText',
         'Tekst4' => 'HTMLText',
         'Tekst5' => 'HTMLText',
         'Tekst6' => 'HTMLText',
         'Facebook' => 'Text',
         'Youtube' => 'Text',
         'Twitter' => 'Text',
         'Google' => 'Text',

),
'has_one' => array(
'Ban1' => 'Image',
            'Ban2' => 'Image',
            'Ban3' => 'Image',
            'Ban4' => 'Image',
            'Ban5' => 'Image',
            'Ban6' => 'Image',
)
);
}

public function updateCMSFields(FieldList $fields) {

$fields->addFieldToTab('Root.Banners', new ImageField('Ban1', 'Banner 1'));
      $fields->addFieldToTab('Root.Banners', new ImageField('Ban2', 'Banner 2'));
      $fields->addFieldToTab('Root.Banners', new ImageField('Ban3', 'Banner 3'));
      $fields->addFieldToTab('Root.Banners', new ImageField('Ban4', 'Banner 4'));
      $fields->addFieldToTab('Root.Banners', new ImageField('Ban5', 'Banner 5'));
      $fields->addFieldToTab('Root.Banners', new ImageField('Ban6', 'Banner 6'));

      $fields->addFieldToTab('Root.Texts', new TextareaField('Tekst1', 'Text 1'));
      $fields->addFieldToTab('Root.Texts', new TextareaField('Tekst2', 'Text 2'));
      $fields->addFieldToTab('Root.Texts', new TextareaField('Tekst3', 'Text 3'));
      $fields->addFieldToTab('Root.Texts', new TextareaField('Tekst4', 'Text 4'));
      $fields->addFieldToTab('Root.Texts', new TextareaField('Tekst5', 'Text 5'));
      $fields->addFieldToTab('Root.Texts', new TextareaField('Tekst6', 'Text 6'));

      $fields->addFieldToTab('Root.SocialLinks', new TextareaField('Facebook', 'Facebook'));
      $fields->addFieldToTab('Root.SocialLinks', new TextareaField('Youtube', 'YouTube'));
      $fields->addFieldToTab('Root.SocialLinks', new TextareaField('Twitter', 'Twitter'));
      $fields->addFieldToTab('Root.SocialLinks', new TextareaField('Google', 'Google'));

}

Posted to: Problem with customsiteconfig with woody theme | Show Thread | Post Reply

Problem with footer links solved

Nachos — Mon, 29 Apr 2013 17:45:57 +1200

Hello,

I'm having a weird problem with the links in my footer. I'm starting to learn how code works so there might be an obvious mistake that I don't see. I would appreciate if you would have a quick look.

There are 8 images with links (link 1-8) and a footer text with another link (link 9). My problem is that the text before link 9 turns into a link for link 8 - which I don't want, it's supposed to be normal Text. This is the code of the footer.ss (I changed the links and text for privacy):

Here is the css part:

                  #navmenu {
                     background: #fff url(http://www.silverstripe.org/../images/containerbg.gif) repeat-y;
                     padding-left: 12px;
                  }

                  #navmenu li {
                     font-family: Tahoma;
                     font-size: 12px;
                     padding: 8px;
                     list-style: none;
                     text-align: center;
                     float: left;
                  }

                  #Footer {
                     clear: both;
                     width: 960px;
                     height: 12.7em;
                     background: url(http://www.silverstripe.org/../images/footerBottom.gif) no-repeat bottom left;
                     text-align: center;
                  }
                     #Footer .footerTop {
                     width: 100%;
                     background: url(http://www.silverstripe.org/../images/containerbg.gif) repeat-y;
                     display: block;
                     height: 5.7em;
                     }
                     #Footer p {
                     color: #666;
                     font-size: 1.1em;
                     text-align: center;
                     position:relative;
                     top: -5px;
                     margin-top: -1.5em;
                     }
                        #Footer a {
                     color: #f39001;
                     text-decoration: none;
                        }
                           #Footer a:hover {
                     color: #f39001;
                     text-decoration: underline;
                           }

If I look at the code in chrome everything seems fine, but if I save the page on my hard drive to get a closer look this weird code shows up. Starting at link 7 it seems to wreak havoc:

</a><p><a href="http://www.link8.com" target="_blank">Blah blah blah blah blah<br>
blah blah blah blah blah blah</a><a href="http://www.link9.com" title="link 9">Text for link 9</a></p>

</div>

I really don't have a clue why this is happening. Any help would be appreciated! Thank you!

Edit: nevermind, figured it out - there were some </a> missing. Greetings from the noob!

Posted to: Problem with footer links *solved* | Show Thread | Post Reply

Re: Footer will not update, Strange!

Nachos — Sat, 27 Apr 2013 23:17:14 +1200

Sorry to rescue this old thread but I'm having exactly the same problem. I succesfully changed the footer text from the template a couple of day ago but now it won't update any changes I make. I'm having the problem with webmatrix working locally, too (windows 7). Any help would be appreciated! Thanks!

Edit: Sorted it out by creating a new silverstripe site with matrix, importing one by one the elements of the theme (.ss and .css), and then putting it back to the site with a new name.

Posted to: Footer will not update, Strange! | Show Thread | Post Reply

Bootadmin template (based on Bootstrap) - please help?

alekffs — Sat, 27 Apr 2013 00:37:19 +1200

Hi,

We recently bought the Bootadmin template from Themeforest, and I was wondering if I can use it on silverstripe (I am trying to create an intranet site for our office).

http://themeforest.net/item/bootadmin-allinone-admin-responsive-template/3835606

I don't think I have the experience to create a new SS theme based on this template from scratch, so I was hoping that the SS Bootstrap theme might be somehow usable... maybe I can merge the templates together?

Does anyone have any idea how I can approach this?

Any advice would be appreciated.

Thanks v much,
Alek.

Posted to: Bootadmin template (based on Bootstrap) - please help? | Show Thread | Post Reply

Re: Twitter bootstrap accordion not working

MarkusM — Fri, 26 Apr 2013 10:40:44 +1200

[replying myself]

I added

to the end of my document and then it worked.

Posted to: Twitter bootstrap accordion not working | Show Thread | Post Reply

Re: Custom Fonts

Webdoc — Thu, 25 Apr 2013 07:14:33 +1200

1. Go to http://www.fontsquirrel.com/fonts/Droid-Sans#fontface and download the webfont
2. Upload the font files: DroidSans-webfont.eot, DroidSans-webfont.svg, DroidSans-webfont.ttf, DroidSans-webfont.woff to your theme css folder.
3. Add Font-face to css like so:

@font-face {
font-family: 'DroidSansRegular';
src: url('DroidSans-webfont.eot');
src: url('DroidSans-webfont.eot?#iefix') format('embedded-opentype'),
url('DroidSans-webfont.woff') format('woff'),
url('DroidSans-webfont.ttf') format('truetype'),
url('DroidSans-webfont.svg#DroidSansRegular') format('svg');
font-weight: normal;
font-style: normal;

}

4. In places you wanna use the font add line:

font-family:'DroidSansRegular' , sans-serif;

-------------------------------------------------------------------------------------------
Arvixe Web Hosting / SilverStripe Community Liaison | Looking for quality SilverStripe Web Hosting? Look no further than Arvixe Web Hosting!

Posted to: Custom Fonts | Show Thread | Post Reply

Custom Fonts

pinkfloydim — Thu, 25 Apr 2013 04:24:35 +1200

@font-face {
font-family: 'Droid Sans', sans-serif;
font-weight: normal;
}
@font-face {
font-family: 'Droid Sans', sans-serif;
src: url('trebuc.ttf');
font-weight: normal;
}

I have placed the font in the css directory, as per a tutorial I read.

But when I run the site, the font is not loaded. Also seems to get crossed out in the css when using firefox debugger.

So if I disable this, then it will not load this custom font.

Any idea how to fix this?

I have tested some other fonts, and they all work.

This font is being used on a normal html website, but just won't load using the above code.

Posted to: Custom Fonts | Show Thread | Post Reply

Twitter bootstrap accordion not working

MarkusM — Wed, 24 Apr 2013 09:27:58 +1200

I want to add a Twitter Bootstrap accordion to my SilverStripe-website. I am using SS 3.0.5 on Ubuntu and the Twitter Bootstrap theme from http://www.silverstripe.org/twitter-bootstrap-theme/. What I did was:

I added the following two lines at the top of my template (.ss) file:

<% require javascript(themes/aep-bootstrap/js/bootstrap.js) %>
<% require javascript(themes/aep-bootstrap/js/bootstrap-collapse.js) %>
Then I added a new "row-fluid" and copied the sample code from http://twitter.github.io/bootstrap/javascript.html#collapse inside it:

<div class="row-fluid">
<div class="accordion" id="accordion2">
<div class="accordion-group">
<div class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseOne">
Collapsible Group Item #1
</a>
</div>
<div id="collapseOne" class="accordion-body collapse in">
<div class="accordion-inner">
Anim pariatur cliche...
</div>
</div>
</div>
</div>
</div>
The result is that the text displays in my site, but it is not collapsible. I guess the probem is that the javascript can not be found, but the reference to it is correct and AFAIK the standard way to include javascript in SS templates.

Posted to: Twitter bootstrap accordion not working | Show Thread | Post Reply

Re: Adding typekit fonts

Nobrainer Web — Thu, 18 Apr 2013 09:00:24 +1200

Just add to the top of your themes/design/templates/Page.ss file, should look something like:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML+RDFa 1.0//EN" "http://www.w3.org/MarkUp/DTD/xhtml-rdfa-1.dtd">
<html xml:lang="da-DK" xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript" src="http://use.typekit.com/lyu4luv.js"></script>
<script type="text/javascript">try{Typekit.load();}catch(e){}</script>

Remember to allow access from the urls you are viewing the site at in your typekit. (After update there can be a short delay before it actually works)

Posted to: Adding typekit fonts | Show Thread | Post Reply

Re: Adding CMS Editable Areas

goodness — Thu, 18 Apr 2013 06:48:17 +1200

I FOUND A WORKING SOLUTION TO THE ELUSIVE EQUAL HIGHT FOR SIDE-BY-SIDE DIVS ISSUE

Here's how it works:

Place the two side by-side divs inside another (Wrapper) div.

Here's the CSS I used:

#Wrapper {

   text-align:left;
margin: 0 auto;
   width: 655px;
   display: block;
   overflow: hidden;
}

#Left {
   display: block;
   width: 300px;
   height: 100%;
   margin-right: 5px;
   padding: 10px;
   background-color: #ededed;
   float: left;
   margin-bottom: -1000px;
   padding-bottom: 1000px;
}

#Right {
   display: block;
   width: 300px;
   height: 100%;
   margin-left: 5px;
   padding: 10px;
   background-color: #ededed;
   float: left;
   margin-bottom: -1000px;
   padding-bottom: 1000px;
}

And here's the code in the .ss page:

<div id="Wrapper">
<div id="Left">$Left</div>
<div id="Right">$Right</div>
</div>

The following link is the source of this solution:

http://www.alphapapahotel.com/equal-height-div-columns-100-percent/css/

Yeah!

Posted to: Adding CMS Editable Areas | Show Thread | Post Reply

Re: Adding CMS Editable Areas

goodness — Thu, 18 Apr 2013 02:50:06 +1200

The solution to question 1 works flawlessly! #2 is turning out to be a bit more of a challenge.

I've seen people online refer to finding a solution to this as the "Holy Grail of CSS".

While the 2a solution would work, I'd have to anticipate how much content a contributor may or may not add to the divs and permanently set their heights.

2b - didn't work at all. I'm using Safari 6.0.3 as my browser.

I've also tried the Faux Columns approach that I've found while searching online to no avail.

Someone has suggested the following at stackoverflow.com but I'm not sure how (where) to try implementing it:

*********************************************************************************************

If it was me. I would solve this problem via javascript. Using jquery you could do...

$(document).ready(function()
{
if($('#leftColumn').height() > $('#rightColumn').height())
{
$('#rightColumn').height($('#leftColumn').height());
}
else
{
$('#leftColumn').height($('#rightColumn').height());
}
});

*************************************************************************************************

Thanks again!

Posted to: Adding CMS Editable Areas | Show Thread | Post Reply

Re: Adding typekit fonts

Optic Blaze — Wed, 17 Apr 2013 09:37:59 +1200

Hi,

Post your .ss file code please. I just want to see what you have all got in there before i comment further.

Posted to: Adding typekit fonts | Show Thread | Post Reply

Re: Adding CMS Editable Areas

Optic Blaze — Wed, 17 Apr 2013 09:30:00 +1200

1) Yes there is. Silverstripe allows for some logical controllers. All you do in your .ss file is add the following conditionals:

<% if ProdDesc %> <div id="ProdDesc">$ProdDesc</div> <% end_if %>
<% if MediaBox%> <div id="MediaBox" class="fRight">$MediaBox</div> <% end_if %>

Silverstripe uses the if value to check if the field is empty...it will then only display content if there is content to display

2)
a) You could pre-determine the max height for the divs if you have an aprox idea of how much space to allocate. So for example you could set the css property to a fix height of 200px for example

b) You could try setting a parent div with a min-height of say 200px and then set the child divs with heights of both 100%. The idea then (and i have not tested this) would be that if both child divs are less than 200px the will stretch to 200px...if child a is 210px then child b should theoretically also stretch to 210px.... just some ideas...you would have to test it to see if it works. So it would look something like this:

The .css file would look like this:

#parent {display:block; min-height:20px;}
#child1 {display:block; height:100%;}
#child2 {display:block; height:100%;}

like i said...you would have to test this.... by the way....this wont work in ie6-7 (min-height does not work in ie6-7)

Posted to: Adding CMS Editable Areas | Show Thread | Post Reply

Re: Adding CMS Editable Areas

goodness — Wed, 17 Apr 2013 08:34:48 +1200

Optic Blaze,

Thanks to you I've got it all working. You have been great and I'm learning a lot!

I have two more things I'm trying to figure out - but (based on all the searching I've done) I think #2 may not be possible.

1) I have 2 side-by-side divs that have some margin/padding and a background color. Even if there's no content put into them in the CMS editor, they still appear on the page in the browser.

Is there a simple way (possibly in the page-specific .ss file that's in the templates/Layout folder) to hide the divs if they are empty?

2) Unlike table cells, my side-by-side divs stretch in height independently. So if the left div has more content than the right div it looks out of balance. This is because they share the same background color. I end up with one longer than the other. I've been trying to get them to mirror the height of whichever one has the most content so that they appear uniform on the page.

Thanks again!

Posted to: Adding CMS Editable Areas | Show Thread | Post Reply

Re: Adding CMS Editable Areas

Optic Blaze — Tue, 16 Apr 2013 19:47:11 +1200

You should be able to do it with the HTML editor in SS3's CMS.

See this video that explains how it works:
http://vimeo.com/59444001

Posted to: Adding CMS Editable Areas | Show Thread | Post Reply

Adding typekit fonts

soolan — Tue, 16 Apr 2013 15:33:44 +1200

Hello every one,

I tried to embed my TYPEKIT fonts to SilverStripe.

I tried both requirements command in the controller and
editing template directly but it didn't work.

Does anyone knows how to do that?

Thanks.

P.S
the problem are script tags that need to be called to authorize the font
Here it is what typekit gives you:

Posted to: Adding typekit fonts | Show Thread | Post Reply

Re: Adding CMS Editable Areas

Optic Blaze — Tue, 16 Apr 2013 08:55:45 +1200

I did it as a example of how you can change the field types in the CMS to suit your needs. The HTMLEditorField allows full WYSIWYG editing whereas the TextareaField just allows you to type in text. You can change them to whatever suits your needs.

Posted to: Adding CMS Editable Areas | Show Thread | Post Reply

Re: Adding CMS Editable Areas

goodness — Tue, 16 Apr 2013 08:47:38 +1200

One Quick Question:

If I want to embed a YouTube video inside the MediaBox do I need to make it something other than an HTMLEditorField when adding the field tab and HTMLText in the $db = array code?

Thanks!

Posted to: Adding CMS Editable Areas | Show Thread | Post Reply

Re: Adding CMS Editable Areas

Optic Blaze — Tue, 16 Apr 2013 08:18:47 +1200

Hi there,

I had a look at my previous syntax...i made a couple of mistakes...this is what it should look like

<?php
class ProductPage extends Page {

static $db = array(
'ProdDesc'=>'HTMLText',
'MediaBox'=>'HTMLText',
'KeyFeatures'=>'HTMLText',
'QuickLinks'=>'HTMLText',
'GetStarted'=>'HTMLText'
);

   public function getCMSFields() {
   $fields = parent::getCMSFields();
   $fields->addFieldToTab('Root.Main',new TextareaField('ProdDesc','Product Description Goes Here'));
   $fields->addFieldToTab('Root.Main',new HTMLEditorField('MainImage', 'MediaBox','Media Goes Here'));
   $fields->addFieldToTab('Root.Main',new HTMLEditorField('QuickLinks','Quick Links Go Here'));
   $fields->addFieldToTab('Root.Main',new HTMLEditorField('GetStarted','Getting Started Info Goes Here'));
   return $fields;
   }

}

---------------------------

1) You will notice that the addFieldToTab sytax has changed a bit...also notice how the CMS changes if you change from a TextareaField to a HTMLEditorField
2) The .ss file you did looks correct

Hope this helps

Posted to: Adding CMS Editable Areas | Show Thread | Post Reply

Re: Adding CMS Editable Areas

goodness — Tue, 16 Apr 2013 07:30:57 +1200

UPDATE

I changed the code in my ProductPage.php file to this:

<?php
class ProductPage extends Page {
static $db = array(
'ProdDesc'=>'HTMLText',
   'MediaBox'=>'HTMLText',
   'KeyFeatures'=>'HTMLText',
   'QuickLinks'=>'HTMLText',
   'GetStarted'=>'HTMLText'
);

public function getCMSFields() {
$fields = parent::getCMSFields();

$fields->addFieldsToTab(
"Root.Content", new TextField('ProdDesc','Product Description Goes Here'),
"Root.Content", new TextField('MediaBox','Media Goes Here'),
"Root.Content", new TextField('KeyFeatures','Key Features Goes Here'),
"Root.Content", new TextField('QuickLinks','Quick Links Go Here'),
"Root.Content", new TextField('GetStarted','Getting Started Info Goes Here')
);

return $fields;
}
}

class ProductPage_Controller extends Page_Controller {
}

Now I can see the CMS.

However, I don't see anyway to edit my newly created fields in the CMS.
And, I'm fighting to get the different divs to layout on the page the way I want.

I gave the divs different background-color attributes so I can see them in the browser.

Posted to: Adding CMS Editable Areas | Show Thread | Post Reply

Re: Adding CMS Editable Areas

goodness — Tue, 16 Apr 2013 05:57:29 +1200

Optic Blaze,

I created a new ProductPage.php file and placed it in the code folder.
I also created a new ProductPage.ss file that I placed in themes/mytheme/templates/Layout/
Lastly, I did some styling in the layout.css file.

After I moved all the files into place I ran dev/build.
My pages still render in my browser. However, I cannot get to the CMS desktop. If I go in and delete the ProductPage.php file I can see the CMS again.

Here's the code of my ProductPage.php file:

<?php
class ProductPage extends Page {
static $db = array(
'ProdDesc'=>'HTMLText',
   'MediaBox'=>'HTMLText',
   'KeyFeatures'=>'HTMLText',
   'QuickLinks'=>'HTMLText',
   'GetStarted'=>'HTMLText'
);

public function getCMSFields() {
$fields = parent::getCMSFields();

$fields->addFieldToTab("Root.Content", new TextField('ProdDesc','Product Description Goes Here')
$fields->addFieldToTab("Root.Content", new TextField('MediaBox','Media Goes Here')
$fields->addFieldToTab("Root.Content", new TextField('KeyFeatures','Key Features Goes Here')
$fields->addFieldToTab("Root.Content", new TextField('QuickLinks','Quick Links Go Here')
$fields->addFieldToTab("Root.Content", new TextField('GetStarted','Getting Started Info Goes Here')

return $fields;
}
}

class ProductPage_Controller extends Page_Controller {
}

And here's the code for my ProductPage.ss file that's inside the Layout folder:

<% include SideBar %>
<div class="content-container unit size3of4 lastUnit">
   <article>
      <h1>$Title</h1>
      <div class="content">
         <div id="ProdDesc">$ProdDesc</div>
         <div id="MediaBox" class="fRight">$MediaBox</div>
         <div id="KeyFeatures">$KeyFeatures</div>
         <div id="QuickLinks" class="fRight">$QuickLinks</div>
         <div id="GetStarted">$GetStarted</div>
      </div>
   </article>

</div>

I created the different divs in my layout.css file for styling.

I'm hoping you will see an obvious mistake that is alluding me.

Again, Thanks so much for all of your help!

Sometimes a picture is better then a long explanation. The attached is what I'm trying to accomplish.

Posted to: Adding CMS Editable Areas | Show Thread | Post Reply

Re: Adding CMS Editable Areas

Optic Blaze — Sat, 13 Apr 2013 19:28:21 +1200

1) Yes you are right. You will create in the mysite/code folder a file called LandingPage.php and create the class LandingPage which will extend the Page class. Then you will do as you said create the LandingPage.ss file in the layout folder

2) Yes you can make use of a include. So in the include folder you will have a .ss template file called FeatureBlock.ss and in your LandingPage.ss file you will include the FeatureBlock.ss file by calling <% include FeatureBlock %> code. It will be dynamic. So where ever you call $feature1, $feature2 or $feature3 in the FeatureBlock.ss file, the content that you have created in the CMS will appear.

3) Remember that the simple theme makes use of responsive design. I dont think using a table will work. Making use of divs will be better. You will have to play around with some of the properties but generally speaking you would do something like this. In the FeatureBlock page you will create 3 divs

<div id="feature"> $feature1 </div>
<div id="feature" class="fRight"> $feature3 </div>
<div id="feature" class="fRight"> $feature2 </div>

Then in your css file you could do something like this

#feature {display:block; width:30%}
.fRight {float:right; margin-left:5%;}

I have not tested this, but generally speaking you want to float the middle and the right divs and set all the divs to a %width so that they re-adjust to different screen sizes. To be truly responsive i would imagine you would need to create break points (you will have to research that further) that instructs the browser to re-arrange the divs underneath one another if the screen size becomes less than 400px for example.

Posted to: Adding CMS Editable Areas | Show Thread | Post Reply

Re: Adding CMS Editable Areas

goodness — Sat, 13 Apr 2013 11:53:20 +1200

Optic Blaze,

Thanks so much for the quick and detail response. I think I understand this a lot better now.

Here are a couple of other questions (if you don't mind) as well as a testing of my new-found understanding:

1) I am going to use these in a specific page type so I believe I would put the 1st part of the code in the .php file that has the same name as that page type. In this case LandingPage. So class LandingPage.php extends page and is placed inside the code folder with my other page-specific php files. I would then insert the $feature1 $feature2 and $feature3 into the themes/mytheme/templates/layout/LandingPage.ss file. Correct?

2) I'm wondering if I could create a block of html code that has the $feature content placeholders and save it in the themes/mytheme/templates/includes folder and then use <% include FeatureBlocks %> to bring it into the LandingPage.ss file in the layout folder. If I did, would the content in the $features block be dynamic - i.e. editable in the CMS and different (if need be) on different pages that use the LandingPage page type?

3) Lastly, is there a simple trick to getting the feature blocks to line up side-by-side and be evenly spaced (like shown in the image I created)? I suppose I could always go old-school and place them inside a table with a single <tr> and 3 <td> cells.

Again, a very big THANK YOU for your help!

Posted to: Adding CMS Editable Areas | Show Thread | Post Reply

Re: Adding CMS Editable Areas

Optic Blaze — Sat, 13 Apr 2013 11:03:18 +1200

Ok to do this you will need a couple of things

1) You need to create the fields that can be edited in the CMS
2) You need to update your .ss template files
3) you will need some CSS to style the columns correctly

------------------------------------------------------------------------------------------

1) For further info check this out
a) http://doc.silverstripe.org/framework/en/tutorials/2-extending-a-basic-site
b) http://doc.silverstripe.org/framework/en/topics/data-types ----------- for more information on data types
c) http://doc.silverstripe.org/framework/en/reference/form-field-types ---------------more info on field types

a) Go to mysite/code and find the page.php file
b) Create the feature 1, feature 2 and feature 3 fields like this:

class Page extends SiteTree {

public static $db = array(
'feature1'=>'HTMLText',
'feature2'=>'HTMLText',
'feature3'=>'HTMLText'
);

d)This creates the databse fields....now we need to get it into the CMS to do this we add the following below the code we have above:

// Adds feature1,2,3 fields to CMS
   function getCMSFields() {
   $fields = parent::getCMSFields(); ///load in existing CMS fields
   $fields->addFieldsToTab( /// Adds new fields
   'Root.Content',   new TextField('Feature1', 'Feature 1's info goes here'),
'Root.Content',   new TextField('Feature2', 'Feature 2's info goes here'),
Root.Content',   new TextField('Feature3', 'Feature 3's info goes here')
   );
   return $fields;

e) Run dev build...and the database would have been updated and the CMS will now have 3 new HTML text fields added to it

2) Go to themes/yourtheme/templates/layout/page.ss and insert the following 3 place holders in the document

$feature1
$feature2
$feature3

Run dev build...what you will notice is that if you type something into the feature 1 field in the cms and you save and publish, that that text will apear in your template whereever the placeholder $feature1 is located...the same goes for $feature2 and $feature3.

3) Style the feature blocks in the layout.css file located in your themes css folder

That should give you the results you are looking for

Posted to: Adding CMS Editable Areas | Show Thread | Post Reply

Adding CMS Editable Areas

goodness — Sat, 13 Apr 2013 07:33:47 +1200

Hello All,

I'm new to SilverStripe and am trying to configure the CMS to render several different page layouts.
I've gone through all of the online tutorials but haven't been able to locate any simple (step-by-step) direction on what I'm trying to do.

I've built a design based on the Simple theme.

What I want to do is add content areas to a new page type (layout) that will have areas that can be populated/edited within the CMS.

The pages would have the left sidebar showing as they will all have "children" navigation.
I want to have the Main content area fill the full (remaining) width of the page and then add 2 or 3 "Feature areas" (that can be populated and edited within the CMS) below that content and have them lined up side-by-side.

I have created a quick image (attached) to show what I'm attempting. Basically I need some detailed input on how to create this as a page type (layout).

Thank you in advance to anyone/everyone that is willing to take the time to help me. Your advice and expertise is greatly appreciated.

I'm running version 3.0.5.

Posted to: Adding CMS Editable Areas | Show Thread | Post Reply

Re: Earthing Problem

martimiz — Fri, 05 Apr 2013 04:52:25 +1300

Hi Jared,

Just to be sure - which theme are you using?

This might be a stylesheet issue, meaning there might be a style from your CSS file applied to the header that puts everything back to lowercase again, no matter how hard you try...

EDIT - sorry - eartling is a theme, I see . And yes, look in earthling/css/layout.css: find the following bit of code:

#Header * {
text-transform: lowercase; <-- here
color: #FFFFFF;
}

and remove the line text-transform: lowercase;

Next in earthling/css/layout.css there are a couple of headers being set to lowercase:

.typography h2, h3 {
   margin: 0 0 20px 0;
   padding: 0 0 10px 0;
   background: url(http://www.silverstripe.org/../images/img3.gif) repeat-x left bottom;
   text-transform: lowercase; <-- here
   letter-spacing: -1px;
}

and again

h2, h3 {
   margin: 0 0 20px 0;
   padding: 0 0 10px 0;
   background: url(http://www.silverstripe.org/../images/img3.gif) repeat-x left bottom;
   text-transform: lowercase; <-- here
   letter-spacing: -1px;
}

Remove, and see what happens

Posted to: Earthing Problem | Show Thread | Post Reply

Earthing Problem

Jared — Thu, 04 Apr 2013 19:00:03 +1300

Sorry if this is in the wrong subforum D:

When I edit the page.ss file with the new header text and slogan/subtext, none of it is capitalized, I have checked the file and it is, not sure what I'm doing wrong... Forgive me if it's just idiocy/operator error, website design/cms is like dropping me in the middle of Japan :S

Posted to: Earthing Problem | Show Thread | Post Reply

Re: Silverstripe 3 possible bug inserting blank lines at the top of all pages

Beau — Thu, 04 Apr 2013 15:54:57 +1300

That would make sense as I had narrowed it down to what is most likely an issue in my PHP files. The problem isn't present on another site I am working on

I searched out and found a couple of stray closing ?> tags but it doesn't appear to have resolved the issue (flushed cache after updates).

Any other thoughts along the same lines? It would seem to me to be most likely something in my PHP files, but I wonder if it's possible content that has been pasted in through the CMS could affect a site in this way?

I have the SortableGridField module installed but I have it a go without it and there was no change.

So frustrating I know in the end it will be some tiny yet obvious thing I have done wrong that has caused this issue which makes it even worse!

Posted to: Silverstripe 3 possible bug inserting blank lines at the top of all pages | Show Thread | Post Reply

Re: Silverstripe 3 possible bug inserting blank lines at the top of all pages

Willr — Wed, 03 Apr 2013 21:05:03 +1300

This can sometimes happen if you have trialing whitespace after a ?> tag in your PHP files. Check your custom PHP code so that they don't include the ?> tag.

Posted to: Silverstripe 3 possible bug inserting blank lines at the top of all pages | Show Thread | Post Reply

Silverstripe 3 possible bug inserting blank lines at the top of all pages

Beau — Wed, 03 Apr 2013 13:26:17 +1300

It appears that Silverstripe 3 may be inserting blank lines into the <body> of my html. Is anyone else getting an empty space at the top of their pages (website, and admin pages including CMS and dev/build)?

It appears that it could have something to do with this meta tag, but only because nothing else in my templates appears to affect this blank space at all:

I have tried changing to the "Simple" theme provided with Silverstripe and this blank space still appeared, so I am wondering if it could be a bug with Silverstripe 3, or perhaps something in my code could be causing it.

It seems to manifest itself as empty space within double quotes directly inside the <body> tags, but this code only appears when inspecting with dev tools, it doesnt come up when viewing source code.

Can anyone shed any light on this issue at all?

I am using SS version 3.0.3.

Thanks

Posted to: Silverstripe 3 possible bug inserting blank lines at the top of all pages | Show Thread | Post Reply

Re: silverstripe.org looking alike theme

alokmahor — Sun, 24 Mar 2013 08:19:55 +1300

thank you martimiz and all for replying
yes I want to achieve that uneven cutting of paper like boundaries for content body and table border. I will try if its a purely magic of images only.

Posted to: silverstripe.org looking alike theme | Show Thread | Post Reply

Re: silverstripe.org looking alike theme

martimiz — Sun, 24 Mar 2013 00:13:05 +1300

This is not so much a SilverStripe question as a general question on frontend design. There are no such things as the 'uneven boundaries' you're looking for in HTML/css - this is an illusion created by using (background) images that suggest an uneven line.

If you want to experiment, I suggest playing around with the existing Drupal or Silverstripe theme(s) adding interesting background images and see what happens. But I wouldn't bas the choice of my CMS on the use of certain backend images in a theme, if I were you

Martine

Posted to: silverstripe.org looking alike theme | Show Thread | Post Reply

Re: silverstripe.org looking alike theme

jpalsu+ — Sat, 23 Mar 2013 02:35:18 +1300

Hi Alokmahor,

I suggest you read this forums about themes
(about 360 Threads)

http://www.silverstripe.org/themes-2/

Posted to: silverstripe.org looking alike theme | Show Thread | Post Reply

Re: silverstripe.org looking alike theme

jpalsu+ — Fri, 22 Mar 2013 21:20:15 +1300

hello,

I am an apprentice with Silverstripe.

I read the doc, I realize the examples, I make changes and see the result.
I read all the forum posts, there is a wealth of tips,
I bought two books on Silverstripe (that by Ingo and that of Krenn)
and little by little, I see more clearly ...
I know, this method is time consuming,
expensive energy and personal investment
but this is mine
and the things I learned in this way remain etched in my memory.

For me, I'm not at the stage of editing a theme.
I use the existing themes.
I have so many things to learn about Ss ..

There are a lot of forum users super talented
and are eager to help with much kindness ...

good luck,

Posted to: silverstripe.org looking alike theme | Show Thread | Post Reply

Re: silverstripe.org looking alike theme

alokmahor — Fri, 22 Mar 2013 08:57:43 +1300

how will I create uneven boundaries of content body and tables ? uneven boundaries are like unevenly cutting a page.
how can i get that in borders. thats the main impressive things in silverstripe site's theme
thank you

Posted to: silverstripe.org looking alike theme | Show Thread | Post Reply

Re: Problem with downloaded themes after installation

sylco — Thu, 21 Mar 2013 15:42:38 +1300

Probably quite simple if not a novice like me, but you simply install SS in any subfolder of \www and you modify the RewriteBase '/subfoldername' in the \www\.htaccess file. In my case, I just remove the SS installation from the root of \www and I used RewriteBase '/silverstripe', which was the original subfolder into which I installed SS. Works well, now.

Posted to: Problem with downloaded themes after installation | Show Thread | Post Reply

Problem with downloaded themes after installation

sylco — Thu, 21 Mar 2013 09:02:40 +1300

Hi,

I installed SilverStripe over WampServer. The first installs was in \www\silverstripe as I had seen some instructions specifying that this is where it should go. I then wanted to get the site going in the root of \www because I wanted it to be called directly from www.mydomain.com. So, I renamed the \www\silverstripe to www\silverstripe(old) and I reinstalled SS right into \www. I now have a functional Web site, but it only works with the Simple theme that comes with SS. If I download other themes and add them to the \www\themes folder, they don’t seem to work because pages don’t appear in the menus. I can still make changes to the pages and publish those changes, but the menus don’t show. I can also navigate to the pages by specifying their location in a browser. All pages have the Show in menus option checked.

I have tried modifying SSViewer::set_theme('themename’); line in the \www\mysite\_config.php file. I have tried setting the theme in the admin utility, I have tried other themes, but the only one that works is the Simple theme. Is there something I am not doing right? Can(should?) SS be installed in the root of \www?

Any suggestions?

Thanks!

Posted to: Problem with downloaded themes after installation | Show Thread | Post Reply

Re: silverstripe.org looking alike theme

jpalsu+ — Thu, 21 Mar 2013 03:02:25 +1300

you can also visualize

"How to build a theme on SilverStripe 3.0"
at

http://vimeo.com/34760038

hope it helps you

jpalsu

Posted to: silverstripe.org looking alike theme | Show Thread | Post Reply

Re: silverstripe.org looking alike theme

jpalsu+ — Thu, 21 Mar 2013 02:14:33 +1300

Hi,

You can read this tutorial

http://doc.silverstripe.org/framework/en/topics/theme-development

hope it helps you

jpalsu

Posted to: silverstripe.org looking alike theme | Show Thread | Post Reply

Re: silverstripe.org looking alike theme

alokmahor — Wed, 20 Mar 2013 09:04:20 +1300

thanks for the reply. I tried to find out how make uneven border in body of pages and tables. but I could not find anything.
would you please provide me some/any link related to what I am looking for?
thanks in advance

Posted to: silverstripe.org looking alike theme | Show Thread | Post Reply

Re: silverstripe.org looking alike theme

Webdoc — Wed, 20 Mar 2013 04:57:07 +1300

Nothing to hard to make yourself. But the answer for your question is no.

-----------------------------------------------------------------------------------------------

Arvixe Web Hosting / SilverStripe Community Liaison | Looking for quality SilverStripe Web Hosting? Look no further than Arvixe Web Hosting!

Posted to: silverstripe.org looking alike theme | Show Thread | Post Reply

silverstripe.org looking alike theme

alokmahor — Tue, 19 Mar 2013 04:00:16 +1300

Hi all,
I am drupal user but today I look SilverStripe's site (http://www.silverstripe.org)
I liked this sites theme very much
does there any theme silverstripe which look like silverstripe's site?
if yes I will also install silverstripe
thank you

Posted to: silverstripe.org looking alike theme | Show Thread | Post Reply

Re: css3 pie not working

Webdoc — Mon, 11 Mar 2013 18:17:19 +1300

Try in your css
#myAwesomeElement {
border: 1px solid #999;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
behavior: url(../../templates/pie/PIE.php);
}
if its really located in themes/templates/pie/

ifi its in themes/simple/templates/pie/ then use
#myAwesomeElement {
border: 1px solid #999;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
behavior: url(../templates/pie/PIE.php);
}

--------------------------------
Arvixe Web Hosting / SilverStripe Community Liaison |
Looking for quality SilverStripe Web Hosting? Look no further than Arvixe Web Hosting!

Posted to: css3 pie not working | Show Thread | Post Reply

Simple Theme Jquery

vincent_vega — Thu, 07 Mar 2013 17:11:28 +1300

When implementing the latest responsive bx slider in the simple theme, there are a few issues with the jquery.

The theme currently uses jquery-1.7.2.js, has anyone managed to get it working in 1.8.2/jquery.min.js or higher?
as the responsiveness of the slider does some strange things, like stops working once you start resizing the browser etc

Posted to: Simple Theme Jquery | Show Thread | Post Reply

css3 pie not working

felito — Thu, 07 Mar 2013 12:27:13 +1300

What is the correct way of use css3 pie with silverstripe?

I have this in Page.ss

<div id ="myAwesomeElement" >asdasd</div>

and this css in themes/simple/css/layout.css

#myAwesomeElement {
border: 1px solid #999;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
behavior: url(pie/PIE.php);
}

And the pie folder inside themes/templates/pie/

At the moment this give me an 404 error for /dev/index.php/pie/PIE.php

Posted to: css3 pie not working | Show Thread | Post Reply

Re: Is this site only for people who actually know coding?! - HELP

IOTI — Wed, 06 Mar 2013 13:51:49 +1300

Hi Tigridia30,

While SilverStripe is a very powerful and friendly CMS, when it comes to customizing it and adding new features a level of comfort with HTML, CSS, and PHP is required (in my opinion at least) you could probably get by making some small edits but you'll have to invest some time in the tutorial and docs before you can.

If you're looking for something that you can setup easily and add new features with the click of a button, I'd recommend WordPress. If you want to challenge yourself though try SilverStripe out.

As for using a different theme, make sure the Theme you downloaded is compatible with the version of SilverStripe your using. There were substantial changes from v2.X to v3.0. To use a custom theme drop the theme folder in your /themes directory, login to the CMS and go to the "settings" tab. From there you can select which theme you'd like to use on your site. If the theme came packaged in a .tar.gz you'll want to download winrar to extract the theme out of the .tar.gz file.

Posted to: Is this site only for people who actually know coding?! - HELP | Show Thread | Post Reply

Is this site only for people who actually know coding?! - HELP

Tigridia30 — Wed, 06 Mar 2013 12:06:13 +1300

Hello everyone,

I am a novice. I have never built or edited a website before in my life - I know absolutely nothing about HTML, code etc.

Is this site only for people who know about website designing? I came across a link to this site via my web hosting site.

I am desperate to build a website for my very new Virtual Home Business where I do not need to try figuring out how to write codes etc. I would like to be able to find a nice theme that I can edit to suit my requirements - I like the free Paddy Green theme by laktek. I've downloaded it but I don't know what to do with it to get it into my /Theme directory. Can someone please help?

Posted to: Is this site only for people who actually know coding?! - HELP | Show Thread | Post Reply

Re: How to 'activate' a subtheme

_Matt — Sun, 24 Feb 2013 01:25:14 +1300

Ok, so a quick update.

After a bit more experimenting I've established that you can subtheme a module (i.e. myTheme_blog) but you can't subtheme a page type (i.e. myTheme_page) even though this article suggests you can: http://www.silverstriperesources.com/articles/customising-a-theme-using-sub-themes/

Does this mean that SS 3 no longer supports sub-theming of page types?

Posted to: How to 'activate' a subtheme | Show Thread | Post Reply