Buttons - Adaptable Theme

Buttons - Adaptable Theme

by Jennifer Belisle -
Number of replies: 14

Hello! We are using Moodle 3.3 and are using the adaptable theme. It looks like there are a few button-types (just a button that is not the following: edit/customize this page button, edit button and login button). See screenshot for example: the buttons circled, for example, is something they would want to be a different color than the big blue buttons you see above. Basically, they are looking for more button-types in the adaptable theme. Will this exist in the near future? If no, then would you suggest a plugin and if so which one? Thanks a lot, Jennifer

Attachment MoodleButton.PNG
Average of ratings: -
In reply to Jennifer Belisle

Re: Buttons - Adaptable Theme

by Gareth J Barnard -
Picture of Core developers Picture of Particularly helpful Moodlers Picture of Plugin developers

Might get an answer with the post being in the themes forum, mods please move smile.

In reply to Gareth J Barnard

Re: Buttons - Adaptable Theme

by Jennifer Belisle -

How do I move? Are you asking the moderators to move? 

In reply to Jennifer Belisle

Re: Buttons - Adaptable Theme

by Mary Evans -
Picture of Core developers Picture of Documentation writers Picture of Peer reviewers Picture of Plugin developers Picture of Testers

It's OK Jennifer, one of the Moderators from the General Forum (I think) must have moved it.

I see that Fernando has answered you too.

Hope this puts your mind at rest?

Cheers

Mary

In reply to Jennifer Belisle

Re: Buttons - Adaptable Theme

by Fernando Acedo -
Picture of Plugin developers Picture of Testers

Adaptable, like the rest of themes based in BS 2, use the default button classes: http://getbootstrap.com/2.3.2/base-css.html#buttons

In some cases, Adaptable override the default CSS. If you want to change some of them just need to overwrite the Adaptable CSS code.

In reply to Fernando Acedo

Re: Buttons - Adaptable Theme

by Jennifer Belisle -

how does one "customize" via the adaptable theme these button types (cancel button and rename file button) when a user is attempting to upload a file. It seems as if in the site admin section we can only change the color of these following button types. Am I missing something? 


·         edit/customize this page button

·         edit button

·         login button


In reply to Jennifer Belisle

Re: Buttons - Adaptable Theme

by Jennifer Belisle -

We are trying to get these buttons that appear after we are trying to upload a file into Moodle to change color.They are f5f5f5f5 color grey with the words in white. We need these to be the same color as the Overwrite button. They are cancel button and rename file button.

We are trying to find the source of these buttons and cannot. Are they part of the theme? Thanks for your help. 


Moodle Grey Button

In reply to Jennifer Belisle

Re: Buttons - Adaptable Theme

by Fernando Acedo -
Picture of Plugin developers Picture of Testers

No, the Disabled buttons are part of moodle and it looks a moodle bug.

Adaptable has the "disabled" buttons hardcoded to F5F5F5 so if these buttons are grayed (because the class used is wrong) that it means a bug.

Could you describe the steps to replicate the issue?

In reply to Fernando Acedo

Re: Buttons - Adaptable Theme

by Jez H -

even if it is a bug then adding a colour picker would be useful as opposed to it being hard coded, we have this in our live site, it looks really messy so I think we will add a picker for it.....

In reply to Fernando Acedo

Re: Buttons - Adaptable Theme

by Mary Evans -
Picture of Core developers Picture of Documentation writers Picture of Peer reviewers Picture of Plugin developers Picture of Testers

The problem, I suspect is mainly due to a conflict with the Static Page Plugin and Adaptable. It works fine in Boost and other themes, but not so in the Adaptable theme.

PS:

Because these buttons are in the File Picker the class selector names are different.

https://github.com/moodle/moodle/blob/master/theme/boost/templates/core/filemanager_processexistingfilemultiple.mustache

Hope this helps?

Cheers

Mary

In reply to Jennifer Belisle

Re: Buttons - Adaptable Theme

by Mary Evans -
Picture of Core developers Picture of Documentation writers Picture of Peer reviewers Picture of Plugin developers Picture of Testers

Hi Jennifer,

I have just been looking at this and have got some CSS which you can add to your Adaptable theme's Custom CSS:

Appearance > Themes > Adaptable > Custom CSS settings page

.fp-dlg-butrename.btn,
.fp-dlg-butcancel.btn.btn-cancel {
    background-color: red !important;
    color: white !important;
}

Staticpage Buttons

Just change the colours I added and replace with your own preference. You can use color names or HEX color codes for example: #aabbcc;

Here is what it looks like with the above colours:


Hope this helps?

Cheers

Mary

In reply to Jennifer Belisle

Re: Buttons - Adaptable Theme

by Fernando Acedo -
Picture of Plugin developers Picture of Testers

There are two issues. One related to Adaptable and other to the plugin.

The cancel button use a class that is not included with Adaptable and that's the reason is not styled.

The other button use only the .btn class that by default is GREY in BS2, and therefore in moodle. So this is a plugin bug that needs to add a complementary class to apply a theme style.