Customize the "Issued badge information" page in Clean Theme

Customize the "Issued badge information" page in Clean Theme

av Edward Siu -
Antall svar: 2

Dear All,

I am using the Clean Theme of Moodle 2.7.1+ (Build: 20140717), and want to customize the below Badges page.

When a user awards a course badge, the user can view the badge in "My profile -> My badges".  The user can then click the badge picture to display the "Issued badge information" (as above image)

Could you provide guideline on how to display these wordings in one line instead of two lines?
- Recipient details
- Issuer details
- Badge details
- Badge expiry

Since the left side and right side of the screen does not have any content, could you provide guideline on how to fully utilize this page to display the badge content?

Thanks & Best Regards,
Edward Siu

Gjennomsnittlig vurdering: -
Som svar til Edward Siu

Re: Customize the "Issued badge information" page in Clean Theme

av Mary Evans -
Bilde av Core developers Bilde av Documentation writers Bilde av Peer reviewers Bilde av Plugin developers Bilde av Testers

First of all this needs reporting in Moodle Tracker, because the table header cells are wrong, so can you do that? Also, when adding the details of the problem in the 'Description box' be sure to add the URL of this discussion too!

See forum discussion: https://moodle.org/mod/forum/discuss.php?d=270133

As for a 'work-a-round' for this problem...well you could try adding this to Clean theme's CSS Custom settings box ...

table.badgeissuedinfo .bfield {
    text-align: right;
    width: 173px;
}
table.badgeissuedinfo .bvalue {
    padding-left: 20px;
}

Hope this helps?

Gjennomsnittlig vurdering:Useful (1)
Som svar til Mary Evans

Re: Customize the "Issued badge information" page in Clean Theme

av Edward Siu -

Dear Mary,

Thanks for your prompt response.

I have reported this issue in Moodle Tracker (No. MDL-47338)
https://tracker.moodle.org/browse/MDL-47338

By following your instruction, I can solve the problem by adding this to CSS Custom settings box:

table.badgeissuedinfo {
    width: 800px;
}
table.badgeissuedinfo .bfield {
    text-align: right;
    width: 200px;
}
table.badgeissuedinfo .bvalue {
    padding-left: 20px;
}

Thanks & Best Regards,
Edward Siu

Gjennomsnittlig vurdering: -