Admin Panel Fluid Layout.

[n00dles101]

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/cus...in-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....

[Carlos]

Very useful, great tip! Thanks Mike.

[snooze]

Very useful, great tip! Thanks Mike.

This item is a dead-end these days. Has it been pulled or moved?

[ccagle8]

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

[n00dles101]

Cheers, Chris...

[krisu]

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;
}

[polyfragmented]

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

[Carlos]

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

[usmandgreat]

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.

[Carlos]

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.

[shawn_a]

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.

[kohai]

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

[shawn_a]

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); 


[kohai]

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

Thx for the insight