Cinnamon Panels
Forum rules
Before you post read how to get help. Topics in this forum are automatically closed 6 months after creation.
Before you post read how to get help. Topics in this forum are automatically closed 6 months after creation.
Cinnamon Panels
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
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.
Reason: Topic automatically closed 6 months after creation. New replies are no longer allowed.
Re: Cinnamon Panels
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.
Re: Cinnamon Panels
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
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.
Re: Cinnamon Panels
change to traditional. close cinnamon setting.
Reload shell with : press Alt + F2 keys. press r keys. enter.
Reload shell with : press Alt + F2 keys. press r keys. enter.
Re: Cinnamon Panels
Is it possible to move the menu to the bottom panel if i want classic option?
Re: Cinnamon Panels
mank_in
thanks, but this just gives me the menu panel on the bottom and cacels the 2nd panel.
thanks, but this just gives me the menu panel on the bottom and cacels the 2nd panel.
Re: Cinnamon Panels
I don't think that right now you can change the menu to the bottom while in classic layout.
Re: Cinnamon Panels
@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.
I think this is what you mean:
(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.
I think this is what you mean:
Re: Cinnamon Panels
crzen
looks to be what I'd want.
Perhaps the Admins could start a "STICKY" with such info for Cinnamon users ?
Hints and Tips maybe?
looks to be what I'd want.
Info please, even if its only the filenames that require editing.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
Perhaps the Admins could start a "STICKY" with such info for Cinnamon users ?
Hints and Tips maybe?
Re: Cinnamon Panels
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 )
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:
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
That changes menu directions.
Also in main.js, change lines 289 - 301 to this:
That changes some tooltip directions.
Open appletManager.js as admin in gedit. Change line 224 to look like this:
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:
Sorry I missed that one.
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 )
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);
}
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;
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);
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) {
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;
Last edited by crzen on Wed Feb 01, 2012 5:58 pm, edited 1 time in total.
Re: Cinnamon Panels
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
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
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
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
Re: Cinnamon Panels
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.
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.
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.
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.
Re: Cinnamon Panels
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!
How can i change tray icon colors (volume,network, etc..)?
Thanks a lot!
Re: Cinnamon Panels
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:How can i change panel font color quel taskbar,menu and calendar are unselected?
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;
This one is easy. Open /usr/share/cinnamon/js/uiHow can i change tray icon colors (volume,network, etc..)?
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' });
Re: Cinnamon Panels
Thank you for your answers! I've changed the panel.css but now is like this http://dl.dropbox.com/u/11352391/screen.pngcrzen wrote: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:How can i change panel font color quel taskbar,menu and calendar are unselected?changing the color value (#ccc) should only change the panel text and not the calender or menus text color.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;
This one is easy. Open /usr/share/cinnamon/js/uiHow can i change tray icon colors (volume,network, etc..)?
Open panelMenu.js in gedit (as admin)
Goto line 197. Change SYMBOLIC to FULLCOLOR
_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.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' });
I'd like to have tasklist fonts like "Menù" and "Calendar" but i don't know where i fail
Here my windowslist.css http://nopaste.info/c1a46e5784.html
P.s. Is possible to remove icon on tasklist?
THANKS AGAIN!
Re: Cinnamon Panels
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:
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;
}
Re: Cinnamon Panels
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.
I've also tried to use your windowlist.css and windows list text is still white when the button insn't selected.
Re: Cinnamon Panels
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.
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.