"Tiles" course format

"Tiles" course format

על ידי David Watson בתאריך
מספר תגובות: 68

"Tiles" format displays course topics as "Tiles", rather than as a list. When clicked, tile content is displayed under the tile with an animated transition. The layout adapts to different screen sizes and orientations.

Within each tile, activities can also be set to display as "sub-tiles".

The tile icon for each tile can be selected from a predefined set (i.e. the teacher does not need to upload images).

It is available at https://moodle.org/plugins/format_tiles

If you have a question, please let me know.

Course screenshot

ממוצע דרוגים:Useful (6)
בתגובה ל: David Watson

Re: "Tiles" course format

על ידי Gareth J Barnard בתאריך
תמונה של Core developers תמונה של Particularly helpful Moodlers תמונה של Plugin developers

Hi David,

Are you advertising a new version?  As the format seems to have been around for a while?  Thus not clear why you've posted?  Are there recent improvements?

Gareth

בתגובה ל: Gareth J Barnard

Re: "Tiles" course format

על ידי David Watson בתאריך

Hi Gareth

It was submitted to the Plugins directory a few months back, but only became available for download recently, when it received its approval.

David

בתגובה ל: David Watson

Re: "Tiles" course format

על ידי Kristin Isler בתאריך

Awesome format, David! Any chance you could do a 3.2 version?

בתגובה ל: Kristin Isler

Re: "Tiles" course format

על ידי David Watson בתאריך

Thanks both!

Kristin I wasn't planning to do a 3.2 version now, as it looks from the stats page at https://moodle.net/stats/ like usage of 3.2 and even 3.3 is dropping off at this point.  I did try installing it into 3.2, hoping that it may just work as it was, but unfortunately it looked like there were going to be some things needed fixing.

בתגובה ל: David Watson

Re: "Tiles" course format

על ידי Ralf Hilgenstock בתאריך
תמונה של Core developers תמונה של Particularly helpful Moodlers תמונה של Translators

Hi David


thanks. Great format. One question: How do you calculate an activity progress?

Ralf

בתגובה ל: Ralf Hilgenstock

Re: "Tiles" course format

על ידי David Watson בתאריך

Hi Ralf

On each tile, the percentage complete is based on the number of activities that are marked as complete within each section, either by the student or automatically.  This excludes labels as it does in other formats.

In the screen shot it's shown as a percentage, but there is an option in course settings to show it in the standard way if preferred (i.e. "Progress 3 / 4") instead.

In the next release I am planning a couple of minor fixes on this, and soon after adding some automated tests to ensure that the calculation is doing what it's supposed to do.

David

בתגובה ל: David Watson

Re: "Tiles" course format

על ידי Deeya K בתאריך

Hi David,

Kindly advise how to automatically mark the tile as complete based on completion of quiz or book/lesson.

Many thanks

Dee

בתגובה ל: Deeya K

Re: "Tiles" course format

על ידי David Watson בתאריך

Hi Dee

You would use the normal controls to set the completion criteria (e.g. students must view the activity, or students must achieve a certain grade etc).  If you have set "Progress on each tile" to show under Course Admin > Edit settings then completion status will show on the tile as well.

Note that, as regards grade dependent completion tracking only (not view dependent tracking) there is a bug in plugin version 3.3.5 and earlier,  which means that the completion status may not show correctly to students.  This bug was fixed last week, and will go into the next release at moodle.org (version 3.3.6, probably within the next couple of weeks).  In the meantime the fix is posted in the version at https://bitbucket.org/dw8/moodle-format_tiles/downloads/ if you need it.

David

בתגובה ל: David Watson

Re: "Tiles" course format

על ידי Black 0ut בתאריך
Hi David,


Unfortunately, even with the fix you posted, I still am experiencing issues with activity completion progress.  If the user does not achieve a passing grade, the activity completion percentage doesn't show correctly.  I verified that in the Quiz settings area that the requirement was just that they receive a grade, not a passing grade.  Do you have any additional information how to resolve this?  


moodle-activity-progress

בתגובה ל: Black 0ut

Re: "Tiles" course format

על ידי David Watson בתאריך

Hi do you have a "Grade to pass" shown under "Grade" for this quiz, or maybe did you when the student sat the quiz?

Grade to pass setting

These settings are little fiddly but what seems to happen is that, if there is a grade present in "Grade to pass", if the student takes the Quiz and does not get that grade, the Quiz will then show a red  "X" for "complete but fail".  If they do get the grade, it shows a green check mark for "Complete and pass".  

If the student hovers over the "fail" icon they see some explanation


Completed (did not achieve a pass grade)

The help icon below suggests that this is the way it's intended, where it says "Pass and fail icons may be displayed if a pass grade for the activity has been set".

Students must receive a grade tooltip


Also I get the same behaviour if I try this in a "Topics" course, so I think it's correct, though it's possible I am missing something.

I also notice that, if you remove the "Grade to pass" after the student has sat, the red Xs still appear - you have to clear their attempts and have them sit again (or maybe you could clear and then manually re-enter their grades, but I didn't try that)

בתגובה ל: David Watson

Re: "Tiles" course format

על ידי Black 0ut בתאריך

Hi David,


This is how the activity is currently configured:


Max grade = 2.00


screen-1



screen-2


The flow I was hoping for was that if the student does not pass the quiz (i.e. 1.00 out of 2.00), the completion percentage on the tile will still show a green check-box but when the tile is collapsed, the activity shows with a red X showing that the student didn't pass based on the set passing score.


I tried deleting the attempt as well as completion data with no luck unfortunately.


Thank you!

בתגובה ל: Black 0ut

Re: "Tiles" course format

על ידי David Watson בתאריך

I think as long as you have that "Grade to pass" field completed, if the students score less than that, they will get the red cross to indicate a fail grade.  That's a core Moodle thing so this plugin follows it too.

If removing that grade isn't an option in your case, I don't know of an easy answer for you unfortunately.  If other users in your environment want to follow the same path, you could potentially replace the red cross image in your copy of the plugin with a green check image, so that whenever the plugin tries to display the red cross, it shows the green check instead.  

I wouldn't recommend that, as it would affect all other users (and may be confusing for some), and you would have to remember to keep maintaining your customisation on later updates.  But you could go into the tiles/pix directory, make a copy of the green check image "completion-y.svg", delete the existing the red cross image "completion-fail.svg" and replace it with a renamed copy of the green check.


בתגובה ל: David Watson

Re: Re: "Tiles" course format

על ידי Black 0ut בתאריך
Thank you David for you support/prompt responses! I overlooked to mention that I am a huge fan of the plug-in and what you've done so far.
בתגובה ל: Black 0ut

Re: "Tiles" course format

על ידי Andreas Panagiotopoulos בתאריך
David, thank you for your work so far. This problem still exists!

When a user has failed in the quizzes that exist in a tile (moodle shows the red icon next to quiz), then there is the text 'Progress 0/2' instead of the red icon.

Please, check the attachment screenshot.

Regards,

Andreas
צרופה screenshot-nimbus-screenshot.everhelper.me-2019.10.08-13_27_18.png
בתגובה ל: Andreas Panagiotopoulos

Re: "Tiles" course format

על ידי Emma Richardson בתאריך
תמונה של Documentation writers תמונה של Particularly helpful Moodlers תמונה של Plugin developers
I really don't think this is anything to do with the course format. I suspect if you switch to a different format, you will find the same issue. You need to look at your quiz settings and your completion settings. Did you remove the grade to pass as suggested previously?
בתגובה ל: David Watson

Re: "Tiles" course format

על ידי Leonard Michlmayr בתאריך

In other course formats, the label can be completed. E.g. I want the students to install some software and check the label when done. If I use the tile format the task cannot be marked as completed.

בתגובה ל: Leonard Michlmayr

Re: "Tiles" course format

על ידי David Watson בתאריך
Hi Leonard Tiles should behave the same as other formats in this respect. I wonder if there is some setting out of place or perhaps a compatibility issue with a custom theme.
בתגובה ל: David Watson

Re: "Tiles" course format

על ידי Leonard Michlmayr בתאריך
When I disable the option "Use sub tiles for activities" it works fine. With the option enabled, a label is not displayed as a tile and without a checkbox, while the other activities are displayed as a tile with a checkbox.
בתגובה ל: David Watson

Re: "Tiles" course format

על ידי jason du toit בתאריך
hi david. thanks for the great plugin!

is there any way to show the progress completion to a student as a fraction of *all* the activities with completion criteria, whether or not the activities are currently available to a student (ie, not restricted by some restriction critria)? our students find it incredibly frustrating to see that they have completed say 3/4 activities (four activities available, three completed, one restricted), only for it to change to say 4/5 (all five activities available, 4 four completed) the moment that the restricted activity becomes available through completion of the previous activity.

we restrict access to certain assignments based on completion of earlier activities. we'd like the progress indicator to include the restricted activities.

the "completion progress" plugin has an option to list all the activities you want to be included in the total (so that restricted activities can also be part of the progress bar).

thank you
jason
בתגובה ל: David Watson

Re: "Tiles" course format

על ידי Russell Jackson בתאריך

Hi David,

We are experiencing some strange behaviour with the tile icons, we have uploaded a few extra ones in our brand colours and to date they have worked without issue, but for some reason these have now disappeared from the pick list:

Any idea what is going on here?

Moodle 3.6.2 and Tiles 3.3.6

No other changes to the system for weeks!

Regards,

בתגובה ל: Russell Jackson

Re: "Tiles" course format

על ידי David Watson בתאריך
Hi Russell

Certainly seems strange that they would stop working like that. I would check that they are in the correct directory (/pix/tileicon), that the file permissions have not changed and that the file names do not clash with any of the font awesome icons. Not sure if that would help though.

Regards

David
בתגובה ל: David Watson

Re: "Tiles" course format

על ידי Patrick Viney בתאריך

Hi, thank you so much for this great plugin. I love it !

Anyway, we're experiencing a small annoying bug when using Safari as web browser :

On the main course page :

  1. turn editing on
  2. expand all
  3. add a file in one section
  4. then click on Edit and try to delete it

=> the modal window asking for confirmation does not appear in Safari, making it impossible to delete.

It works with other browsers (Firefox, Chrome, Internet Explorer, Opera) but not with Safari.

Any idea?

(we have the latest version of the plugin. We use Moodle 3.6.5)

Regards

Patrick

בתגובה ל: Patrick Viney

Re: "Tiles" course format

על ידי Emma Richardson בתאריך
תמונה של Documentation writers תמונה של Particularly helpful Moodlers תמונה של Plugin developers
Is it something as simple as having popups blocked?
בתגובה ל: Emma Richardson

Re: "Tiles" course format

על ידי Patrick Viney בתאריך
Actually, I've just realized that it's the whole "edit" menu which doesn't work, not only the "delete" function. The "edit" menu appears but clicks on it are not taken into account.
בתגובה ל: David Watson

Re: "Tiles" course format

על ידי Eleonore Lantaz בתאריך
Hello,

I would like to know more regarding this plugin.
I installed it (quite nice btw!) and 2 things:
- possible to add our icons?
- will it work with the moodle app soon?

Thanks!

Best regards,
בתגובה ל: Eleonore Lantaz

Re: "Tiles" course format

על ידי Acqua Alta בתאריך

Hi Eleonore,

The source of the icons that you can place in the tiles is the "\pix\tileicon" path in the plugin folder. It seems that the SVG files (tile icons) are being loaded from there.

בתגובה ל: David Watson

Re: "Tiles" course format

על ידי Russell Waldron בתאריך

Great format, David. 

בתגובה ל: Russell Waldron

Re: "Tiles" course format

על ידי Ulrike Albers בתאריך
תמונה של Particularly helpful Moodlers
Hello,
Just to give my opinion on Tiles which I think is a very very beautiful theme that makes Moodle courses more elegant and modern than any other learning platform, including Mooc platforms. Thank you!
בתגובה ל: David Watson

Re: "Tiles" course format

על ידי Denis Le Gourriérec בתאריך
Hello.
Very good plugin.
Can you tell me where it stores the uploaded tile images. I changed format for a test and reverting to yours, tiles images are not displayed anymore. Checking on server files, I cannot find them either. Thanks

Denis
בתגובה ל: David Watson

Re: "Tiles" course format

על ידי Shaili Sharma בתאריך

Hi, 

It's a great plugim. For my site Tiles are working in website but not working for Moodle mobile App. 

Can you help me out how it can be sorted or maybe a checklist where I can see check every point for tiles activation in Moodle mobile App.


Thanks

בתגובה ל: David Watson

Re: "Tiles" course format

על ידי Anne-Sophie Cabrillat בתאריך

Thanks for this course format, that's really cool. 

Just a question : I'd like to paste a entire section in the Sharing Cart but I can't. Is there a way to do it ?

Thank you !


Anne Sophie

בתגובה ל: David Watson

Tiles are created automaticaly time by time???

על ידי Tokhir Akhmedjanov בתאריך

Dear David Watson,

First of all thank you for your work. I have read alot about the plugin here in this discussion forum. But couldn't find the solution to one issue which we faced within last 6 month.

Let me explain the issue:

We are experiencing some strange behavior with the tile format, the tiles are created automatically time by time and the number of created tile are different, sometimes 2-3 more tile, sometimes they are about 50.

Any idea what is going on here?

Our Moodle  version 3.5.2 (Build: 20180910)  and Tiles 3.7.0.12 (RC)2019052112

No other changes to the system for weeks!

Huge thanks in advance

Regards,

בתגובה ל: Tokhir Akhmedjanov

Re: Tiles are created automaticaly time by time???

על ידי David Watson בתאריך

Hi Tokhir apologies for the slow reply but do you still have this problem? 

It sounds like the issue which arises when you are running Moodle 3.9, but using the old (incompatible) Moodle 3.7 version of the Tiles plugin.  You definitely don't want to do that - if you are running Moodle 3.9, there is now a Beta for Moodle 3.9 which you should use instead.  You can see which version of 'Tiles' you are running under Site administration > Plugins > Plugins overview > Course Formats > Tiles Format

בתגובה ל: David Watson

Re: "Tiles" course format

על ידי Ali Hastie בתאריך

With using Moodle for the past 14 years, this has to be one of the best course formats available, which our staff and students love.

Though, I do have a little concern, the current version of the tiles format covers up to Moodle 3.7 version and we are heading for Moodle 3.8 version very soon. Any plans in releasing a Moodle 3.8 version?

בתגובה ל: David Watson

Re: "Tiles" course format

על ידי Justin Templemore-Finayson בתאריך
Hi there,
Thanks for the plugin, really enjoy it.
Feeling stupid here but ... I can't find the setting to use photos as a tile background. Can you point me to the right place?
I would like photo tiles for both section and activity tiles.
Cheers, Justin!
בתגובה ל: Justin Templemore-Finayson

Re: "Tiles" course format

על ידי David Watson בתאריך
Hi Justin when editing a course, clicking a tile icon will bring up a window where you can upload a photo. This assumes that the site administator has enabled it under Site Administration > Plugins > Course Formats > Tiles Format > Photo Tiles. For more information see https://evolutioncode.uk/tiles/docs/teachers/

At present you can only load photos for sections - activities may be included in a later release.
בתגובה ל: David Watson

Re: "Tiles" course format

על ידי Melanie Scott בתאריך
You know, it has nothing to do with this thread but your comment about Photo Tiles made me curious to how mine was set up (it has been a while and we've updated it)...and I found a solution to something else that was irritating me, so thanks!
בתגובה ל: David Watson

Re: "Tiles" course format

על ידי Andres Sch בתאריך

Hi, I have a local moodle and just downloaded your plugin, the instalation was okay, but the problem is that is not working. I still see the course content as default by moodle. I got the theme Moove,  moodle version 3.9, I already set the mosaic format in courses, bou doesn't seem to work. Any ideas? thank you

בתגובה ל: David Watson

Re: "Tiles" course format

על ידי Fabien Eon בתאריך

Thanks for this great plugin.

I have a question, that has probably already been answered somewhere, but I can not find anything appropriate.

My question is : the completion % for each tile does not includes activities with restricted access.

Exemple for a section with 4 activities, each available once the previous has been completed.

The result is : completion 0/1 before beginning course, then 1/2, then 2/3 and so on.

I would prefer the student to see 0/4 from the beginning, then 1/4, 2/4...

Thank you for any tip regarding this issue.


בתגובה ל: Fabien Eon

Re: "Tiles" course format

על ידי Richard Oelmann בתאריך
תמונה של Core developers תמונה של Particularly helpful Moodlers תמונה של Plugin developers תמונה של Testers
I can see an issue with that, which depends very much on why those activities are restricted.
In your use case where they are restricted based on completion of a previous activity what you say makes sense. However, if they are restricted because of, for example, group membership - used to (possibly) split groups so Group A does one activity, Group B another, or having a different submission date, then showing the total activities would not be appropriate and showing the activities available to that user is.
בתגובה ל: Richard Oelmann

Re: "Tiles" course format

על ידי jason du toit בתאריך
is there any way to show the progress to a student as a fraction of all the activities with completion criteria, whether or not the activities are currently available to a student? the "completion progress" plugin has an option to list all the activities you want to be included in the total.

our students find it incredibly frustrating to see that they have completed say 100%, only for it to change to say 20% the moment that the restricted activites are available.
בתגובה ל: David Watson

Re: "Tiles" course format

על ידי pecam pecam בתאריך

Thank you David. It's a great plugin.

This not only makes the courses more beautiful, but also easier to use.

Except maybe on the tile edition, our teachers are a bit lost when the tiles are not expanded, in edition mode.

Is there a way to extend them by default?

Thanks a lot




בתגובה ל: David Watson

Re: "Tiles" course format

על ידי Mark Revell בתאריך

I wonder if it is possible to select a custom image for a sub-tile, just as it is possible to select a custom image for a primary tile. This would be a very nice feature. 

בתגובה ל: David Watson

Re: "Tiles" course format

על ידי Pablo Perez Ruiz בתאריך

Is it possible to add a footer with the tiles format? I´ve been trying to add a resource at the end of the format but I can only do it as a tile. I would like to have a banner at the bottom. Thanks!

בתגובה ל: Pablo Perez Ruiz

Re: "Tiles" course format

על ידי Patrick van Bronckhorst בתאריך

Hi Pablo,

I see your frustration and I have the same problem.

Within a Tile there's the possibility to insert 'Label' activities which is a great way to further section as these do not become sub-tiles. In the same way, it would be great to have the 'Label' activity available at course level too in order to have the ability to section the Tiles of a course if required.

I 'm not able to estimate the impact of such a change but is there any chance to realize this in the near future for this course format if there's enough interest of other users?


בתגובה ל: Patrick van Bronckhorst

Re: "Tiles" course format

על ידי Pablo Perez Ruiz בתאריך
I figured out a way of adding a footer by creating an orphaned HTML block that shows in the lower region of the page!
בתגובה ל: Pablo Perez Ruiz

Re: "Tiles" course format

על ידי Patrick van Bronckhorst בתאריך
Thanks for your reply and to share your solution!

Ok, sounds great! Seems like a good solution to your problem. If I'm right, the position of such a block on the page is achieved by weighing?
That makes it very hard for me to get such a block exactly between two specific tiles I suppose. I'll have to experiment.

Thanks again, kind regards, Patrick.
בתגובה ל: Patrick van Bronckhorst

Re: "Tiles" course format

על ידי Pablo Perez Ruiz בתאריך

Yes, I played around with the position and the weight of the blocks, but I don´t know whether you could do the same to ge t ablock between tiles.

בתגובה ל: David Watson

Re: "Tiles" course format

על ידי Scott Rogers בתאריך
Hi David, we love your plugin and just want to see if it is possible to update the icons. We need numbers up to 30 and just wondering how we would go about adding these numbers to the icon directory. Would these be lost with future updates? Thanks for your assistance with this query. Cheers Scott
בתגובה ל: David Watson

Re: "Tiles" course format

על ידי Pat McDenn בתאריך

This isn't a critical issue, but it seems that when you "hide but make available" an activity while using Tiles format, it writes the "available but not shown on course page" tag twice. I am using Fordson and Tiles in Moodle 3.9.6.

  • Switching to another format (like weekly or topic) removes the duplicate.
  • Removing the availability but still hiding also removes the duplicate tag.

I haven't tested outside of Fordson.



בתגובה ל: David Watson

Re: "Tiles" course format

על ידי Douglas Cordeiro, Jr. בתאריך

Hi, David!

Is it possible to hide the overall progress indicator?

בתגובה ל: Douglas Cordeiro, Jr.

Re: "Tiles" course format

על ידי Sebastien Durietz בתאריך

Hi Douglas,

I don't know if it could help but the only way I found to hide the overall progress indicator was to play with the CSS. Create a label (but you could do it in any field text available in the page of your course), expand the menu of your text editor to find the </> icon, click on it and paste this script at the top:

<script type="text/javascript">

    var cssRules = '#tileprogress-0 {display:none !important;}';

    var styleElement = document.createElement('style');

    styleElement.appendChild(document.createTextNode(cssRules));

    document.getElementsByTagName('head')[0].appendChild(styleElement);

</script>

Save and it should do the trick.
Best

בתגובה ל: David Watson

Re: "Tiles" course format

על ידי Caio Rocha בתאריך
Hi David,

First, i apologize for my bad english, but i can try explain my questions for you.

We have two progress places right? Overall Progress and Course Progress.
In the Overall progress, if i restrict a block, this block doesn't appear in the count. Is it possible change this? For all the blocks count, even if they are restrict?

For the course progress, i put another plugin together, subcourse, but the progress doesn't pic a internal progress to the course. Is there a possibility to do this? Or the percentual is just for number of activities inside the block?

Thanks, and one more time, sorry about my english.
בתגובה ל: David Watson

Re: "Tiles" course format

על ידי David Augusto Youssef בתאריך

Hello, I am having a problem with the images of the tiles.

I have a Moodle version 3.8.2+ (Build: 20200408) and I have this plugin installed in version 3.9.0.13 2020080613.

 The problem arises when loading an image for the tiles, they randomly disappear after a while. The system does not throw any error message. Any recommendation to solve this problem?

בתגובה ל: David Watson

Vs: "Tiles" course format

על ידי Jani Hovi בתאריך

Hello,


Is it possible to get progress value from Subcourse -plugin to the Tiles -section progress? 

When you have only one Subcourse-activity in section the progress value is 0 % or 100 %.

Example in Image:

Edistyminen = Progress
Nykyinen edistyminen = Current Progress


בתגובה ל: David Watson

Re: "Tiles" course format

על ידי Mar Martinez בתאריך
Dear David, just a simple question, but I need confirmation... We have a course already published and with all the results of the students there, certificates, progress, etc. Can we change the format to tiles format without losing any data, right? Or should we make a back-up of the course just in case? Thank you very much!
בתגובה ל: David Watson

Re: "Tiles" course format

על ידי Clement LARRIVE בתאריך

Hello everyone, and thanks again to David for this awesome course format. We use it a lot.

Maybe someone will have a trick up their sleeve, but when a course page is loaded in web browsers (tried with the regular ones), the page always scrolls to the top of the tiles. Some teachers like to put important things in the Section 0 of their course, which makes it so students don't always see the important things.

I've told teachers to put everything in a new tile at the beginning, but would there any way around that? Like always loading the page on top of Section 0?

Thanks!

בתגובה ל: David Watson

Re: "Tiles" course format

על ידי jason du toit בתאריך
moodle: 3.9
space theme: 1.14
tiles format: 3.11



when using tiles format and embedding a video, making the video full screen causes the video to be kicked out of full screen and the tile section to be reloaded.

this behaviour occurs with both youtube and vimeo embed codes.

disabling Use JavaScript navigation from Tiles main page in Tiles settings resolves this problem, but then clicking a tile loads the relevant section in a new page, and this is not the bevahiour we are looking for.

any ideas?