Skip to main content

This site requires you to update your browser. Your browsing experience maybe affected by not having the most up to date version.

Themes /

Discuss SilverStripe Themes.

Moderators: martimiz, Sean, biapar, Willr, Ingo, swaiba, simon_w

css3 pie not working


Go to End
Reply


3 Posts   1079 Views

Avatar
felito

Community Member, 10 Posts

7 March 2013 at 12:27pm

Edited: 07/03/2013 12:27pm

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

Avatar
Webdoc

Community Member, 335 Posts

11 March 2013 at 6:17pm

Edited: 11/03/2013 6:38pm

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!

Avatar
zuinu

Community Member, 2 Posts

25 November 2014 at 10:53am

Edited: 25/11/2014 11:00am

There are several things about how to use it, here is a short instruction: CSS3: Progressive Internet Explorer (PIE)
1. Your rewrite rules should allow to have direct access to PIE.php
2. Also, server should respond with correct headers (MIME-type)