You need to be logged in to post in the forum - Log In

An active JCE Pro Subscription is required to post in the forum - Buy a Subscription

Support is currently Offline

Official support hours
Monday to Friday
09:00 - 17:00 Europe/London (BST)

Please create a new Ticket and we will get back to you as soon as we can.

#116690 Hi,How to disable the Help button visible in the Image Manager Extended

Posted in ‘Editor’
This is a public ticket

Everybody will be able to see its contents. Do not include usernames, passwords or any other sensitive information.

Latest post by ebura on Thursday, 11 December 2025 15:31 GMT

jalaljoblo

I would like to get your assistance in removing the HELP button in the right side next to UPLOAD button, in the Image manager extended, Also will appreciate it if you help me in reducing the Whole popup window of the image manager, it is so wide at present?  Kind Regards

Ryan

There are no specific options for either of these requests, but using some css you can hide the Help button, and adjust the size of the Image Manager window (which will also chnage the Media Manager, File Manager etc. window size).

To hide the Help button

Create a file called plugin.css in /media/jce/css and add the following:

[data-plugin*="manager"] #help {
	display: none;
}

To change the diaog size

Create a file called editor.css in /media/jce/css and add the following (adjust the values as appropriate) :

.mceModal .mce-modal-portrait-full {
    max-width: 1024px;
    max-height: 768px;
}

Ryan Demmer

Lead Developer / CEO / CTO

Just because you're not paranoid doesn't mean everybody isn't out to get you.

jalaljoblo

Thanks a lot Ryan, this was so helpful.

Maybe you can tell me how to change the size of the UPLOAD button as well. currently it looks a bit small. Also I would like to increase the font size in the whole popup window as well.

Kind Regards

 

ebura

I tried those two solutions and none worked.

I am sure I placed the files at the correct place, I even tried to place them at /media/com_jce/site/css/

Can you verify this, please?

Ryan

Please try JCE Pro 2.9.97 RC - https://www.joomlacontenteditor.net/downloads/editor/pro/development

There is now a Help Button option in the parameters for all dialogs that use the File Browser, eg: Image Manager etc. which can be set to No.

For example, for the Image Manager, go to Editor Profiles -> Plugin Parameters -> Image Manager, and set the Help Button option to No.

Ryan Demmer

Lead Developer / CEO / CTO

Just because you're not paranoid doesn't mean everybody isn't out to get you.

ebura

It works great!

What about the definition of the height of the file dialog at the front?

Ryan

What about the definition of the height of the file dialog at the front?

That must be done as indicated previously:

To change the diaog size

Create a file called editor.css in /media/jce/css and add the following (adjust the values as appropriate) :

.mceModal .mce-modal-portrait-full {
    max-width: 1024px;
    max-height: 768px;
}

Ryan Demmer

Lead Developer / CEO / CTO

Just because you're not paranoid doesn't mean everybody isn't out to get you.

ebura

I tried that (as stated at my first post), I re-tried it and it doesn't change the height (see attachment)
I tested with this:

.mceModal .mce-modal-portrait-full {
    max-width: 1024px;
    max-height: 268px;
}
I'm positive I have it at the correct path.

Attachments

Ryan

The css rule should be in media/jce/css/editor.css

The css rule above will only affect "Manager" dialogs, eg: Image Manager, Media Manager etc.

For the File Browser, use:

.mceModal .mce-modal-landscape-full {
    max-width: 1024px;
    max-height: 268px;
}

This will not work for File Browser windows opened from a Media Field.

Ryan Demmer

Lead Developer / CEO / CTO

Just because you're not paranoid doesn't mean everybody isn't out to get you.

ebura

But then how to apply for this case, at the front edit?

I have a custom field of type JCE Media that a user edits.

Ryan

I have a custom field of type JCE Media that a user edits.

This you can set in your template's css file as the modal window is created by the Joomla API, eg:

joomla-dialog dialog {
    width: 80vw;
    height: 80vh;
}

Ryan Demmer

Lead Developer / CEO / CTO

Just because you're not paranoid doesn't mean everybody isn't out to get you.

ebura

That is not the best solution, as it displays scrollbars and doesn't actually resize the file browser! (see attachement)

Attachments

Ryan

There is a minimum size requirement for the File Browser for it to be practical. I would say height:50vh is about the minimum you should use. 268px is definately too small.

Ryan Demmer

Lead Developer / CEO / CTO

Just because you're not paranoid doesn't mean everybody isn't out to get you.

Ryan

iPhone SE size is just about useable in landscape mode, eg:

joomla-dialog dialog {
    max-width: 667px;
    max-height: 375px;
}

Ryan Demmer

Lead Developer / CEO / CTO

Just because you're not paranoid doesn't mean everybody isn't out to get you.

Ryan

Why are you trying to make the dialog so small?

Ryan Demmer

Lead Developer / CEO / CTO

Just because you're not paranoid doesn't mean everybody isn't out to get you.

ebura

I was testing for now by using a very small height (to verify if it worked or not).

I tested with 50vh and as expected, it adds scrollbars to the dialog and doesn't really resize the actual window inside it!

I would like a smaller height for the file browser, because the user only will have one file there and having a file browser with the height of the entire window is too big.

Ryan

I would like a smaller height for the file browser, because the user only will have one file there and having a file browser with the height of the entire window is too big.

That is not going to be possible, so you will need to accept the larger dialog window, or find a compromise width and height combination, eg:

joomla-dialog dialog {
    max-width: 640px;
    max-height: 480px;
}

Ryan Demmer

Lead Developer / CEO / CTO

Just because you're not paranoid doesn't mean everybody isn't out to get you.

ebura

I found out a solution (so it is possible, :) ), I just need to target the iframe:

(in my case I am targetting the class, but obviously I could target any "joomla-dialog")

.joomla-dialog-media-field iframe {
    max-height: 50vh !important;
}
It works for me