Forums

Skel.js framework

Permalink
Has someone already used this framwork :http://github.com/ajlkn/skel

I did try it and it seems that i cant get the CSS to be load dynamicaly regarding the size of the screen.

Any ideas ?
chrismodlao
 
chrismodlao replied on at Permalink Reply 1 Attachment
chrismodlao
To be a bit more clear, (i was in a hurry yesterday...)

All CSS files are called with Javascript (see attached file - rename it with .js at the end).
And also Menu is transform from standard inline menu to a push to the right menu for smartphone and tablet.

It seems that the javascript is not working under concrete5, but works pretty well with a standard html website. Check it out here :http://www.modlao.com/BAF/temp.html...

Has anyone already done something with this framework before ?
Or any help ?

As the framwork is quite nice i would really like to work with it and concrete5 but if there is no issue to this i will have to change for another one such as Bootstrap.

Thanks in advance

Chris
chrismodlao replied on at Permalink Reply 1 Attachment
chrismodlao
Hi,

I did succeed doing this :
See attached file, in the header section calling CSS by media query

Then it works.

But now i'm facing another problem which is that when looking to a page and logged to Concrete5 i can't click at all the small icons on the Edit bar.
Seems i have some CSS that are above this bar.
Anything to change in the Concrete5 CSS to make it on top of everything ?

Chris
Gondwana replied on at Permalink Best Answer Reply
Gondwana
I suspect that some of the issues you're grappling with are touched on here:
http://documentation.concrete5.org/developers/designing-for-concret...
Have a look at getPageWrapperClass.
chrismodlao replied on at Permalink Reply 1 Attachment
chrismodlao
Thanks for this.
Now everything is working.

But i need to change the display of a block when in edit mode because it's overlapping other blocks. (see attached file)
How can i for exemple hide a AUTONav block when i edit the website ?

Thanks in advance

C
Gondwana replied on at Permalink Reply
Gondwana
http://documentation.concrete5.org/developers/working-with-blocks/creating-a-new-block-type/disabling-in-edit-mode-and-clipboard
chrismodlao replied on at Permalink Reply
chrismodlao
Hi,

I didnt catch at all the documentation this time... oups

But i use this and it works like a charm :
<? if ($c->isEditMode()){ ?>
                  <style>
                            #nav {
                               display: block !important;
                        width:200px;
                            }
                       </style>
                    <? } ?>