Hi,
My version essential: 2.6.11 (Build: 2014090306).
I would put the SAVE button at the end of the static settings page.
I would like to remove the slide bar.
Thanks
Do you mean the one that floats with the page?
exactly. you have the solution?
can you help me?
With 'side bar' do you mean docking?
The M2.6 version of the theme is now no longer supported - to be honest its a full time job keeping up with the M2.7 version! But, I recently added this: https://github.com/gjb2048/moodle-theme_essential/issues/387 which may help with understanding changes needed to be made to the save button area.
I know that is no longer supported version 2.6, but I can not update it at this time.
using firebug I discovered what is the element.
I did this test:
fgroup_id_buttonar
{
background-color: #*** !important;
position: static;
}
The background-color is changed, but the button is again fixed.
Help me,
Please
Educated guess, try:
#region-main form table#form td.submit input,
#region-main form .form-buttons input,
#region-main form .path-admin .buttons input,
#region-main form #fitem_id_submitbutton input,
#region-main form .fp-content-center form + div input,
#region-main form div.backup-section + form input,
#region-main form #fgroup_id_buttonar input {
position: static;
}
Who added tha float save button on the theme settings page?
The float button is on all saving stuff. Use Git Blame . It was added as a means of solving the 'scroll of death' on large settings pages when you only changed one setting at the top.
Dear Gareth,
I tried your code in the web page of the custom CSS, but it did not work.
I need to copy or replace your code in a file in the theme folder?
why is it so difficult to remove this button floating?
Thanks,
Francesco
It was the Custom CSS box.
With "why is it so difficult to remove this button floating?" because the answer can look easy but figuring it out is not.
If I get a moment, I'll have a look at a solution, but I cannot promise it will be soon, sorry.
I added this to essential/style/custom.css and it works OK
body.desktopdevice #region-main form table#form td.submit,
body.desktopdevice #region-main form .form-buttons,
body.desktopdevice #region-main form .path-admin .buttons,
body.desktopdevice #region-main form #fitem_id_submitbutton,
body.desktopdevice #region-main form .fp-content-center form + div,
body.desktopdevice #region-main form div.backup-section + form,
body.desktopdevice #region-main form #fgroup_id_buttonar {
position: static;
}
Thanks,
I trie the solution:
#region-main form table#form td.submit, #region-main form .form-buttons, #region-main form .path-admin .buttons, #region-main form #fitem_id_submitbutton, #region-main form .fp-content-center form+div, #region-main form div.backup-section+form, #region-main form #fgroup_id_buttonar
{
position: static !important;
}
Thanks again
That's odd as 'body.desktopdevice' is something I added to the M2.7+ versions?
Sorry I was testing your 2.7 version.
Strange that the other css did not work.
This works great on our instance, thanks for the tip Mary!
Now, if I can only figure out how to change the button (e.g. use the standard grey) and the rectangle's background color to something else...
I think that this is what you need for that button:
This is the main LINK button of the same type in Moodle
button,
input.form-submit,
input[type="button"],
input[type="submit"],
input[type="reset"],
button,
input.form-submit,
input[type="button"],
input[type="submit"],
input[type="reset"],
button, input.form-submit,
input[type="button"],
input[type="submit"],
input[type="reset"],
button.active,
input.form-submit.active,
input.active[type="button"],
input.active[type="submit"],
input.active[type="reset"],
button.disabled,
input.form-submit.disabled,
input.disabled[type="button"],
input.disabled[type="submit"],
input.disabled[type="reset"],
button[disabled],
input.form-submit[disabled],
input[type="button"][disabled],
input[type="submit"][disabled],
input[type="reset"][disabled] {
background-color: rgba(20, 72, 71, 0.5);
}
And this is the same but for the 'hover', 'focus' and 'active' psudo class
button:hover,
input.form-submit:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
button:focus,
input.form-submit:focus,
input[type="button"]:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
button:active, input.form-submit:active,
input[type="button"]:active,
input[type="submit"]:active,
input[type="reset"]:active,
button.active,
input.form-submit.active,
input.active[type="button"],
input.active[type="submit"],
input.active[type="reset"],
button.disabled,
input.form-submit.disabled,
input.disabled[type="button"],
input.disabled[type="submit"],
input.disabled[type="reset"],
button[disabled],
input.form-submit[disabled],
input[type="button"][disabled],
input[type="submit"][disabled],
input[type="reset"][disabled] {
background-color: rgba(20, 72, 71, 0.5);
}