Displaying icons + text in activities

Displaying icons + text in activities

- Guillaume Cat の投稿
返信数: 9
Hello,

I've just installed Moodle 4.3 with the adaptable theme.

The activity icons that used to display well are no longer displayed, and the text, instead of going to the end of the page, goes to the line after only a few characters.

Here's a screenshot


Would you know what to do to change this display?

Thank you very much.
Guillaume

評点平均: -
Guillaume Cat への返信

Re: Displaying icons + text in activities

- Carlos Contreras の投稿

Hi Guillaume:

The problem is that the Responsive Theme is not compatible with versions starting with 4.2. 

The developer has not updated it and it seems that he has no intention of doing so in the short term. 


I solved it by adding custom CSS code. The images are taken from a previous version that I saved

.activity-item .activity-grid {

    display: flex!important;

}

.flex-column {

    flex-grow: 1;

}

.modtype_forum .courseicon .activityicon{

content: url(/theme/adaptable/pix_plugins/mod/forum/icon.svg);

}

.modtype_assign  .courseicon .activityicon{

content: url(/theme/adaptable/pix_plugins/mod/assign/icon.svg);

}

.modtype_attendanceregister  .courseicon .activityicon{

content: url(/theme/adaptable/pix_plugins/mod/attendance/icon.svg);

}

.modtype_page  .courseicon .activityicon{

content: url(/theme/adaptable/pix_plugins/mod/page/icon.svg);

}

.modtype_resource  .courseicon .activityicon{

content: url(/theme/adaptable/pix_plugins/mod/resource/icon.svg);

}

.modtype_quiz  .courseicon .activityicon{

content: url(/theme/adaptable/pix_plugins/mod/quiz/icon.svg);

}

.modtype_quiz  .courseicon .activityicon{

content: url(/theme/adaptable/pix_plugins/mod/quiz/icon.svg);

}

.modtype_url  .courseicon .activityicon{

content: url(/theme/adaptable/pix_plugins/mod/url/icon.svg);

}

.modtype_scorm  .courseicon .activityicon{

content: url(/theme/adaptable/pix_plugins/mod/scorm/icon.svg);



Hope this can help you

Carlos.

評点平均:Useful (1)
Carlos Contreras への返信

Re: Displaying icons + text in activities

- Guillaume Cat の投稿
Hello Carlos,

Thank you very much for your reply.

The text worked fine. For the icons, it gave white images.



Do you have any idea how to do this?

Thank you very much for your help.
Guillaume
評点平均: -
Guillaume Cat への返信

Re: Displaying icons + text in activities

- Carlos Contreras の投稿 
For the images you must unzip the icons that I have attached in my first message inside the directory "/theme/adaptable/pix_plugins/" or put your own design

評点平均:Useful (2)
Carlos Contreras への返信

Re: Displaying icons + text in activities

- Guillaume Cat の投稿
Hello Carlos,

Thank you for your reply.

I followed your instructions, but unfortunately it didn't work. I still have "empty" icons.

Do you have any other ideas?

In any case, thanks for your help
評点平均: -
Guillaume Cat への返信

Re: Displaying icons + text in activities

- Gareth J Barnard の投稿
画像 Core developers 画像 Particularly helpful Moodlers 画像 Plugin developers
For M4.3, delete this file -> https://github.com/gjbarnard/moodle-theme_adaptable/blob/master/templates/core_courseformat/local/content/cm/cmname.mustache to fix the issue. No need to mess around with images.
評点平均:Useful (1)
Gareth J Barnard への返信

Re: Displaying icons + text in activities

- Mariano Acciardi の投稿
Hi Gareth,

I'm upgrading to 4.3.2 (Build: 20231222) our large university site. i've installed last available version of theme (403.0.1
2023111800) I had the problems cited in this thread with icons and names.

I made three changes you recommend us:
a) Add custom css to theme
b) Unrar all icons from your file inside pix_plugins/
c) delete cmname.mustache

And it works ! Thanks a lot!!

I have 2 questions, a) When I must upgrade the theme to another version, these changes are lost? b) The deletion of file cmname.mustache may break something?

Thanks for your great support.

Best Regards
Mariano
評点平均: -
Mariano Acciardi への返信

Re: Displaying icons + text in activities

- Gareth J Barnard の投稿
画像 Core developers 画像 Particularly helpful Moodlers 画像 Plugin developers
Dear Mariano,

Just follow the instructions in the Readme.md file when you want to upgrade. Text based setting values (such as custom CSS) aren't often normally lost during upgrades.

The deletion of cmname.mustache could break something, but I was the one to tell you to do so, therefore a 95% (or so - I'm only human) chance that something wouldn't be broken as a result.

Gareth
評点平均: -
Carlos Contreras への返信

Re: Displaying icons + text in activities

- Mariano Acciardi の投稿
Hi Carlos,

I've made all the changes you told us, and it seemed to work. But navigating with other courses, in some sections it works, and in others not. For example I'attach images from two courses, one using format topcol, and the other uses format onetopic. In both courses in some sections works and in other not. For example, in header section not works, but inside a topic it works.

In themes as boost we don' t have any problem. But in our university we have a lot of customisations made on adaptable theme, and is not easy to change the theme we use for the last 5 years.

Do you think we can add something else to the custom css code you make? Any other idea?

Best regards
Mariano
添付 EjemplosOkyNook.png
評点平均: -