Altering the postions of the options visible in top toolbar

[sowjanyagunupuru]

I have a menu bar icon in my left panel
On click on that menu I want to show the options( files, view,go ,deploy .. all these)
Which are in the top panel i.e toolbar as a popup or small toast

**Requested note
The functionality must not change
Only position of those options to be changed

Clearly I shown my requirement in the attached image

[msujew]

Hey @sowjanyagunupuru,

have you tried setting the window.menuBarVisibility preference to compact? I believe that should achieve what you're trying to do.

[sowjanyagunupuru]

Yes I tried that setting to compact

But on setting the preference to compact
The top panel i.e toolbar is not visible

But I want the toolbar to be visible and the menu options to be in compact
Because I added my additional items in the top-panel
So I want to move these view go terminal action .... Options to compact format

[msujew]

I see. Currently, the top menu and the compact menu option are mutually exclusive. You will likely need to create a more extensive override of the ApplicationShell service to build what you want to achieve.

[sowjanyagunupuru]

Can I make the changes to application shell
Like even it is in compact option
The top panel must be visible

toppanel.hide()

Or by modifying the
HiddenPreferences = ['hidden'];

Can u kindly suggest me the way to get my requested changes to work well

[msujew]

Please see:

theia/packages/core/src/browser/shell/application-shell.ts

Lines 304 to 313 in ac0c246

	if (!environment.electron.is()) {
	this.corePreferences.ready.then(() => {
	this.setTopPanelVisibility(this.corePreferences['window.menuBarVisibility']);
	});
	this.corePreferences.onPreferenceChanged(preference => {
	if (preference.preferenceName === 'window.menuBarVisibility') {
	this.setTopPanelVisibility(preference.newValue);
	}
	});
	}

and

theia/packages/core/src/browser/shell/application-shell.ts

Lines 379 to 382 in ac0c246

	protected setTopPanelVisibility(preference: string): void {
	const hiddenPreferences = ['compact', 'hidden'];
	this.topPanel.setHidden(hiddenPreferences.includes(preference));
	}

[sowjanyagunupuru]

Thank you for ur immediate responses 😊
I will update once I go through this

[sowjanyagunupuru]

Everything is working according my requirement.
Thank you for ur support in providing us the way to get the solution

Here the additional change i want in this is
Either I want to show only the 'compact' option in the dropdown options of Window.Menu Bar Visibility and to remove the rest options like classic , visible, hidden

And the main important requirement is that the 'compact' to be set as the default layout preference instead of classic

[msujew]

You can change the default for specific preferences, see:

https://github.com/eclipse-theia/theia-blueprint/blob/ed203687bad53fdbd22012926978ac40d7d8cd23/applications/electron/package.json#L22-L31

As for removing parts of the preference: You can change this object to achieve what you want

theia/packages/core/src/browser/core-preferences.ts

Lines 94 to 107 in b388d4c

	'window.menuBarVisibility': {
	type: 'string',
	enum: ['classic', 'visible', 'hidden', 'compact'],
	markdownEnumDescriptions: [
	nls.localizeByDefault('Menu is displayed at the top of the window and only hidden in full screen mode.'),
	nls.localizeByDefault('Menu is always visible at the top of the window even in full screen mode.'),
	nls.localizeByDefault('Menu is always hidden.'),
	nls.localizeByDefault('Menu is displayed as a compact button in the side bar. This value is ignored when {0} is {1}.', '`#window.titleBarStyle#`', '`native`')
	],
	default: 'classic',
	scope: 'application',
	markdownDescription: nls.localizeByDefault("Control the visibility of the menu bar. A setting of 'toggle' means that the menu bar is hidden and a single press of the Alt key will show it. A setting of 'compact' will move the menu into the side bar."),
	included: !(isOSX && environment.electron.is())
	},

[sowjanyagunupuru]

To change the default value

I kept as shown in the image in package.json of browser-app, even though my default value is 'classic' only
May I know Where I went wrong
I want to make the default as 'compact'