Customize the "Issued badge information" page in Clean Theme

Customize the "Issued badge information" page in Clean Theme

ដោយ Edward Siu នៅ
ចំនួនតប៖ 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

មធ្យមភាគនៃរង្វាយតម្លៃ: -
ឆ្លើយតបទៅកាន់ Edward Siu

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

ដោយ Mary Evans នៅ
រូបភាព Core developers រូបភាព Documentation writers រូបភាព Peer reviewers រូបភាព Plugin developers រូបភាព 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?

មធ្យមភាគនៃរង្វាយតម្លៃ:Useful (1)
ឆ្លើយតបទៅកាន់ Mary Evans

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

ដោយ 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

មធ្យមភាគនៃរង្វាយតម្លៃ: -