Cinnamon Panels

Please post suggestions for improvement of Cinnamon on:
https://github.com/linuxmint/Cinnamon
Forum rules
Before you post read how to get help. Topics in this forum are automatically closed 6 months after creation.
gonzo01

Cinnamon Panels

Post by gonzo01 »

have searched these forums ( and Googled) but cant find which file contains placement of PANEL at top/bottom or Both ( which is what I'm running).

Want to be able to swap panels so that MENU panel is at bottom.

Thanks
Last edited by LockBot on Wed Dec 28, 2022 7:16 am, edited 1 time in total.
Reason: Topic automatically closed 6 months after creation. New replies are no longer allowed.
mank_in

Re: Cinnamon Panels

Post by mank_in »

Maybe you can post here a screenshot , because if you have top and bottom panel you are likely in MGSE. Default cinnamon panel is in a bottom and cinnamon must be installed from software manager ( latest version on this time is 1.2). After installed logout and at login screen select cinnamon not Gnome (MGSE) .Search cinnamon setting from menu to change panel location.
gonzo01

Re: Cinnamon Panels

Post by gonzo01 »

hi mank_in

log-in is definitely Cinnamon.

here is desktop screenshot - 1920x1080 resized to 640x480 - need to scroll up/down to see 2 panels - cinnamon 1.2 is installed via updater.
vaguely remember cinnamon-session or such being auto removed during update
Last edited by gonzo01 on Sun Jan 29, 2012 4:00 am, edited 1 time in total.
mank_in

Re: Cinnamon Panels

Post by mank_in »

Cinnamon setting not works :?:
gonzo01

Re: Cinnamon Panels

Post by gonzo01 »

double panels came from cinnamon-settings
mank_in

Re: Cinnamon Panels

Post by mank_in »

change to traditional. close cinnamon setting.
Reload shell with : press Alt + F2 keys. press r keys. enter.
Mike65

Re: Cinnamon Panels

Post by Mike65 »

Is it possible to move the menu to the bottom panel if i want classic option?
gonzo01

Re: Cinnamon Panels

Post by gonzo01 »

mank_in

thanks, but this just gives me the menu panel on the bottom and cacels the 2nd panel.
cwwgateway

Re: Cinnamon Panels

Post by cwwgateway »

I don't think that right now you can change the menu to the bottom while in classic layout.
crzen

Re: Cinnamon Panels

Post by crzen »

@gonzo01, You can swap the panel positions (I found where and did it) BUT all the popup boxes (including the menu) will open in the wrong directions. You would have to rewrite more than the layout.js file in order to get it to work right.

(EDIT) Actually I found the 3 files that need to be edited and have all the popups, tooltips, and menus opening in the right direction now. So, yes, it can be done.
(EDIT) Now that I re-look at what I did, I might be able to move the different parts between the two panels. :shock:

I think this is what you mean:

Image
gonzo01

Re: Cinnamon Panels

Post by gonzo01 »

crzen

looks to be what I'd want.
Actually I found the 3 files that need to be edited and have all the popups, tooltips, and menus opening in the right direction now. So, yes, it can be done
Info please, even if its only the filenames that require editing.

Perhaps the Admins could start a "STICKY" with such info for Cinnamon users ?

Hints and Tips maybe?
crzen

Re: Cinnamon Panels

Post by crzen »

To swap the panels in classic mode you need to modify 3 files in /usr/share/cinnamon/js/ui.
I've been using this for 2 days without issue, but use at your own risk.
NOTE this can get undone or broken if an update replaces any of these files. (voids the warranty :D )
This will also be unnecessary when they give us the move functionality.

Make a copy of the ui folder or the induvidual files before attempting this. After each modification click save.
When done with all editing, restart cinnamon by pressing alt+f2, type "r" and press enter.
Just in case something goes wrong you can press clrt+alt+delete to log out and log into gnome to replace the files with the saved ones and fix it.
The line numbers may not be exact due to editing
Open layout.js as admin. in gedit. Change lines 262 - 266 to look like this:

Code: Select all

        else if (Main.desktop_layout == Main.LAYOUT_CLASSIC) { 
            this.panelBox2.set_position(this.primaryMonitor.x, this.primaryMonitor.y);
            this.panelBox2.set_size(this.primaryMonitor.width, -1);       
            this.panelBox.set_position(this.bottomMonitor.x, this.bottomMonitor.y + this.bottomMonitor.height - 25);
            this.panelBox.set_size(this.bottomMonitor.width, 25);       
        }
That swaps the panels by changing panelBox to panelBox2 and panelBox2 to panelBox.

Open main.js as admin. in gedit. Change lines 220 - 221 to this

Code: Select all

    else if (desktop_layout == LAYOUT_CLASSIC) {
        applet_side = St.Side.BOTTOM;
That changes menu directions.
Also in main.js, change lines 289 - 301 to this:

Code: Select all

    else if (desktop_layout == LAYOUT_CLASSIC) {
        panel = new Panel.Panel(false);         
        panel2 = new Panel.Panel(true); 
        if (global.session_type == Cinnamon.SessionType.USER) {
            menu = new Menu.ApplicationsButton();    
            panel._leftBox.add(menu.actor);
            panel._menus.addMenu(menu.menu);        
            panelLaunchersBox = new PanelLaunchers.PanelLaunchersBox(St.Side.TOP);
            panel._leftBox.add(panelLaunchersBox.actor);
            showDesktopButton = new ShowDesktopButton.ShowDesktopButton(St.Side.BOTTOM);
            panel2._leftBox.add(showDesktopButton.actor);                    
            windowList = new WindowList.WindowList(St.Side.BOTTOM); 
            panel2._leftBox.add(windowList.actor);
That changes some tooltip directions.

Open appletManager.js as admin in gedit. Change line 224 to look like this:

Code: Select all

        if (Main.desktop_layout == Main.LAYOUT_TRADITIONAL || Main.desktop_layout == Main.LAYOUT_CLASSIC) {
That changes the applet tooltip directions.
Like I said it works for me but I cant guarantee it will work for you.

(EDIT) I just found that lookingglass was opening in the wrong direction so also do this
Open lookingGlass.js (as admin) in gedit. Change line 936 to look like this:

Code: Select all

/*
        if (Main.desktop_layout == Main.LAYOUT_TRADITIONAL) {
*/
        if (Main.desktop_layout == Main.LAYOUT_TRADITIONAL || Main.desktop_layout == Main.LAYOUT_CLASSIC) {
            let primary = Main.layoutManager.primaryMonitor;
            let myWidth = primary.width * 0.7;
Sorry I missed that one.
Last edited by crzen on Wed Feb 01, 2012 5:58 pm, edited 1 time in total.
gonzo01

Re: Cinnamon Panels

Post by gonzo01 »

crzen

Thanks for the info

I'll give it a try in the next day or two when I have some spare time.

I dont mind mucking about with scripts/files if I can find the right ones.

As per my Desktop shot above, I modified various Conky scripts to get what is shown, though this one I copied from Mint 10 to Mint 12 and its not quite right.

Thats why I like Linux - you can try to get it just the way you like it - though not always successfully :oops:

You could always "lock" the 3 files in /usr/share/cinnamon/js/ui ( mark them not to be updated) though I'm not sure how to do that. - No matter - just keep copies of them along with the originals - which is what I ALWAYS do.

Thanks again
crzen

Re: Cinnamon Panels

Post by crzen »

gonzo,
No problem glad I could help. I just wanted anyone who reads it to know what could happen with an update. I keep copies of the original and the mods. I usually just let the updated happen and go back and fix it after. That way I get all the current fixes and functionality. :D

Next I'll go through layout.js (I think) and see if I can auto-hide only the top panel and leave the bottom panel on the screen. I didnt see a separate setting in dconf nor in cinnamon settings so I'll try it this way. the flipped classic is really growing on me and I think auto-hiding the top panel would look good.
wesbluemarine

Re: Cinnamon Panels

Post by wesbluemarine »

How can i change panel font color quel taskbar,menu and calendar are unselected?
How can i change tray icon colors (volume,network, etc..)?

Thanks a lot!
crzen

Re: Cinnamon Panels

Post by crzen »

How can i change panel font color quel taskbar,menu and calendar are unselected?
I think you mean the panel text color? If so that can be changed in your themes .css file. Depending on how and where the file(s) are written look for the panel section of cinnamon.css (or in panel.css) then for the panel-button part that looks like this:

Code: Select all

.panel-button {
/*    -natural-hpadding: 12px;  
    -minimum-hpadding: 6px;   /*  Spacing  */
    -natural-hpadding: 6px;
    -minimum-hpadding: 2px;
/*    font-weight: normal;*/
    color: #ccc;
    transition-duration: 100;
changing the color value (#ccc) should only change the panel text and not the calender or menus text color.
How can i change tray icon colors (volume,network, etc..)?
This one is easy. Open /usr/share/cinnamon/js/ui
Open panelMenu.js in gedit (as admin)
Goto line 197. Change SYMBOLIC to FULLCOLOR
_

Code: Select all

init: function(iconName,tooltipText) {
        Button.prototype._init.call(this, 0.0);
        this._iconActor = new St.Icon({ icon_name: iconName,
                                        icon_type: St.IconType.FULLCOLOR,
                                        style_class: 'system-status-icon' });
Doing this doesn't really change the icons color, it tells it to use the color icons of the theme instead of the ugly symbolic ones.
wesbluemarine

Re: Cinnamon Panels

Post by wesbluemarine »

crzen wrote:
How can i change panel font color quel taskbar,menu and calendar are unselected?
I think you mean the panel text color? If so that can be changed in your themes .css file. Depending on how and where the file(s) are written look for the panel section of cinnamon.css (or in panel.css) then for the panel-button part that looks like this:

Code: Select all

.panel-button {
/*    -natural-hpadding: 12px;  
    -minimum-hpadding: 6px;   /*  Spacing  */
    -natural-hpadding: 6px;
    -minimum-hpadding: 2px;
/*    font-weight: normal;*/
    color: #ccc;
    transition-duration: 100;
changing the color value (#ccc) should only change the panel text and not the calender or menus text color.
How can i change tray icon colors (volume,network, etc..)?
This one is easy. Open /usr/share/cinnamon/js/ui
Open panelMenu.js in gedit (as admin)
Goto line 197. Change SYMBOLIC to FULLCOLOR
_

Code: Select all

init: function(iconName,tooltipText) {
        Button.prototype._init.call(this, 0.0);
        this._iconActor = new St.Icon({ icon_name: iconName,
                                        icon_type: St.IconType.FULLCOLOR,
                                        style_class: 'system-status-icon' });
Doing this doesn't really change the icons color, it tells it to use the color icons of the theme instead of the ugly symbolic ones.
Thank you for your answers! I've changed the panel.css but now is like this http://dl.dropbox.com/u/11352391/screen.png
I'd like to have tasklist fonts like "Menù" and "Calendar" but i don't know where i fail :D
Here my windowslist.css http://nopaste.info/c1a46e5784.html

P.s. Is possible to remove icon on tasklist?

THANKS AGAIN!
crzen

Re: Cinnamon Panels

Post by crzen »

If I understand you correctly you are wanting to change the font color in the windows list (tasklist) button from white to something else? If thats the case try lines 52 and 62, maybe even 70 from the windowslist,css picture you provided.
Try changing lines 52 and 62 first.
It looks like a bunch of stuff is listed twice, so you need to adjust the last instances of whats duplicated.
(EDIT) oops I didnt see that lines 43- 75 were commented out. try changing 11, 18, and 26
Heres my windowslist:

Code: Select all

/********************************* Window list  ***********************************/
.window-list-box {
    spacing: 3px;
    padding-left: 1px;
    padding-top: 2px;   
}

.window-list-item-label {
    color: black
    font-weight: normal;
    width: 15em;
    min-width: 5px;
}

.window-list-item-box {
     color: rgba(255,255,255,1.0);
	 background-gradient-direction: vertical;
/*	 background-gradient-start: rgba(100,100,100,0.8);
	 background-gradient-end: rgba(0,0,0,0.6);
  	 box-shadow: inset 0px 0px 1px 1px rgba(170,170,170,1.0); 
         border-radius: 2px 2px 0px 0px; */  
}

.window-list-item-box:active,
.window-list-item-box:checked,
.window-list-item-box:focus  {     
     color: white;
     font-weight: normal;
	 background-gradient-direction: vertical;
	 background-gradient-start: rgba(0,0,0,1.0);
	 background-gradient-end: rgba(80,80,80,1.0);
	 box-shadow: inset 0px 0px 1px 1px rgba(170,170,170,1.0);
     border-radius: 16px 16px 16px 16px;
}

.window-list-item-box:hover  {
    color: white;
    font-weight: bold;    
	 box-shadow: inset 0px 0px 1px 1px rgba(255,255,255,1.0); 
     border-radius: 16px 16px 16px 16px;
}
wesbluemarine

Re: Cinnamon Panels

Post by wesbluemarine »

Thanks a lot but doesn't work, i've changed line 11,18 and 26...
I've also tried to use your windowlist.css and windows list text is still white when the button insn't selected.
crzen

Re: Cinnamon Panels

Post by crzen »

I just plugged your windowlist into my theme and it worked fine. lines 11,18,and 26 change the text colors.
I dont know how your theme is set up but maybe either some other part is over riding it or if windowlist is a seperate css file like mine is its not being called correctly

(edit) let me try a few things with it.
Locked

Return to “Cinnamon”