GetSimple Support Forum
Admin Panel Fluid Layout. - Printable Version

+- GetSimple Support Forum (http://get-simple.info/forums)
+-- Forum: GetSimple (http://get-simple.info/forums/forumdisplay.php?fid=3)
+--- Forum: Scripts & Components (http://get-simple.info/forums/forumdisplay.php?fid=11)
+--- Thread: Admin Panel Fluid Layout. (/showthread.php?tid=1205)



Admin Panel Fluid Layout. - n00dles101 - 2011-01-01

This is a quick fix and I've probably missed a bit. But I needed to expand the layout of the admin panel as I was finding the small area a bit restrictive.

Anyways to enable fluid mode just install Chris's "Custom Admin CSS" plugin from Extend.

http://get-simple.info/extend/plugin/custom-admin-css/15/

Then insert the following code under "Theme->Custom Admin CSS"

Code:
.wrapper{
width:99%;
}
.wrapper .nav{
width:99%;
}
.wrapper table {
width:99%;
}
form.manyinputs textarea {
width:99%;
}

#maincontent{
width:75%;
}
#sidebar{
width:24%;
}

and save, then refresh your page. Viola !!

Hope its of use to someone.

Mike....


Admin Panel Fluid Layout. - Carlos - 2011-01-03

Very useful, great tip! Thanks Mike.


Admin Panel Fluid Layout. - snooze - 2011-04-01

Carlos Wrote:Very useful, great tip! Thanks Mike.
This item is a dead-end these days. Has it been pulled or moved?


Admin Panel Fluid Layout. - ccagle8 - 2011-04-01

i fixed the download - it's working now: http://get-simple.info/extend/plugin/custom-admin-css/15/


Admin Panel Fluid Layout. - n00dles101 - 2011-04-01

Cheers, Chris...


Admin Panel Fluid Layout. - krisu - 2011-04-01

Really nice idea, I added some little personal changes...

Code:
.wrapper{
width:99%;
}

.wrapper .nav{
width:99%;
}

.wrapper .nav li:first-child {
margin-left: 35px;
}

.wrapper table {
width:99%;
}

form.manyinputs textarea, textarea, form input.title {
width:99% !important;
}

#maincontent{
width:75%;
}

#sidebar{
width:24%;
}

.header h1 {
left: 35px;
}



Admin Panel Fluid Layout. - polyfragmented - 2011-04-01

Thanks Mike and krisu, looking good on my end! Could come in handy for the netbook.


Admin Panel Fluid Layout. - Carlos - 2011-07-27

Could this be done, but only for the editor height? (so that the Save changes button is always visible for a minimum browser height)


Admin Panel Fluid Layout. - usmandgreat - 2011-07-30

Carlos Wrote:Could this be done, but only for the editor height? (so that the Save changes button is always visible for a minimum browser height)

There is an option for changing the height of the editor in gsconfig.php. I haven't tried it but it should work.


Admin Panel Fluid Layout. - Carlos - 2011-08-01

usmandgreat Wrote:There is an option for changing the height of the editor in gsconfig.php. I haven't tried it but it should work.

Yes, it works. Thanks, but already I knew that. :-)

I meant fluid height: it would (dynamically) change if the browser window is resized.


Admin Panel Fluid Layout. - shawn_a - 2012-09-13

Heres mine

Code:
.wrapper{
/* main wrapper */
width:99%;
}

.wrapper .nav{
/* top header nav wrapper */
width:99%;
}

.wrapper .nav li:first-child {
/* breathing space for tabs */
margin-left: 35px;
}

.wrapper table {
/* tables in wrapper, eg page management lists */
width:99%;
}

#maincontent{
/* wrapper for admin inputs */
width:80%;
}

textarea, form input.title{
/* resize backend textareas */
/* outline backend administrative input fields for emphasis */
width:99% !important;
border:2px solid #FFCCCC !important;
}


form.manyinputs textarea{
/* resize backend textareas for components */
width:100% !important;
border:2px solid #FFCCCC !important;
}

I've done some work with auto expanding codemirror, but I have has issues with overflow overlapping the footer. Still trying to figure it out.


RE: Admin Panel Fluid Layout. - kohai - 2013-06-07

Oh god ! This tip helped a lot .. i'm new to GS, but i definitely lOoooove it ^^
Many thx


RE: Admin Panel Fluid Layout. - shawn_a - 2013-06-07

Something like this is already added to 3.2.1

PHP Code:
# gsconfig
# Enable alternate admin styles, current style constants are
# note: stylesheets are cached
# GSSTYLEWIDE = wide fluid
# define('GSSTYLE',GSSTYLEWIDE); 



RE: Admin Panel Fluid Layout. - kohai - 2013-06-08

Oh god, good to know Smile Saw th option, but didn't tested !

Thx for the insight Wink