Tag Archives: Cloud Design Box

Rubric Grading Criteria in Microsoft Teams Assignments

Microsoft Teams Assignment Rubric

Rubrics are a powerful tool used to assess students’ work. The criterion helps students to have a concrete understanding and visualisation of what they need to do to achieve a particular score. Each criterion also includes a gradation scale of quality.



Microsoft Teams for education now includes rubric based grading. They can be created and reused across Teams making it a powerful time saving tool for teachers while at the same time helping students understand how to succeed in the assignment.

If you are unfamiliar with Microsoft Team Assignments, please check out our earlier post here.

When setting assignments, you will notice a new “Add Rubric” option.

Microsoft Teams Assignments

On this page, you can search for a rubric that has already been created at your school or create a brand new one. In this post, I’m going to go through how to create a new one. Click “new rubric”.

Create new Rubric

Give the rubric a name and turn on “points” so that we can assign scores to each piece of criteria.

Rubric Criteria

Enter your criteria, you can add more by pressing the plus button. You can also adjust the grading balance for each element. Teams will turn the points into an overall percentage when marking based on the balance given to each criterion.

Microsoft Teams Rubric

When you have finished creating your rubric, set the assignment for the students.

When the students have completed the assignment, go to review the work and open the student’s homework. In addition to the comment and grade, you can now select the rubric.

Review student work

This will show the criteria and you can select which has been met. The student work will be automatically marked based on the grade balance set in the rubric.

Review student work with rubric

This is what the student will see when you have graded their work with the rubric.

Student view of assignment rubric

It’s another fantastic update to Microsoft Teams for education. There is still more to come this summer including Microsoft Forms integration with self-marking quizzes. We will bring you news and guides on how to use that as soon as it is released!

At Cloud Design Box, our solutions help schools and companies get the best out of SharePoint, Teams and OneNote.

Microsoft Teams Assignments

More information on our education and business solutions can be found on our website.

Microsoft Teams for Education Summer 2018 Update

There’s a real buzz around Microsoft Teams. Microsoft have been increasing the momentum by releasing updates to improve the class collaboration tool recently. In this post I’m going to look at some of the updates already released and some coming very soon. You can find out more about the future updates here: Microsoft Education Blog.



Assigning to multiple classes

Sometimes teachers set the same assignment to multiple groups. This is now possible when setting an assignment in Teams. Just click the team name and select additional classes.

Microsoft Teams Class Selector

Tailoring assignments for individual students

Individual learning needs means that teachers sometimes have to set different assignments to students in the same class. Microsoft Teams now allows this using the student drop-down so teachers can assign different assignments to different groups of students within the same class.

Select individual students

Scheduling assignments and planning ahead

Teachers can now plan ahead by scheduling assignments. The assignment is only published to the student on the scheduled date allowing the teacher to set assignments for the whole month, term or even year in advance!

Schedule Assignments

Auto-marking Quizzes

Microsoft Forms will soon be integrated much tighter with Teams. Currently you can use Microsoft Forms to create quizzes and embed them in Class Notebooks or share the link for the assignment resource. This new integration will feed quiz results straight into the Microsoft Teams mark book. It will be really easy to create self-marking quizzes for students.

Microsoft Teams using Microsoft Forms Quiz

Summer Rollover

A question that has come up a lot recently has been “What will happen to my old class teams after year rollover?”. Microsoft have now answered this by archiving old class teams. These teams will be available in read-only mode, so you can still access your resources and work. The membership of these classes will not be updated post-rollover as the classes will no longer exist in the school’s MIS.

Class Dashboard and Class Cards

At Cloud Design Box, we create a seamless user-friendly environment for students and teachers to navigate between SharePoint, Teams and Class Notebook. To find out more, you can sign-up for one of our free webinars by clicking here. You can find out more about our products on the Cloud Design Box website.

Bulk tagging in SharePoint Online

Tagging resources with metadata can provide a range of advantages when it comes to sorting, grouping and searching.

You might decide to create a custom view to group items outside of any folder structure. This would be particularly useful if you had a complex folder structure but wanted to group all the documents of a particular topic together (outside of the folder structure).

Bulk Tagging

Tagging in SharePoint Online is really easy and you can even do this in bulk.

Let’s take this folder as an example. I have a “Topic” managed metadata column which I want to update for all the documents in this folder.

Metadata view

Select the documents which require tagging (click the checkbox to the left of the document). Use the checkbox at the top if you want to select all the documents.

Document selection

Open the information panel by selecting the “i” symbol shown below.

SharePoint information panel

You can now bulk tag documents. You will only change the columns in which you enter a value (you won’t wipe the other choices).

Edit columns

Press Save. They are all instantly tagged!

Tagged documents in SharePoint

Now that the documents are tagged, they will appear in search results for the tag, any views containing this column and any grouped views.

For more SharePoint news:

Sign up for our Education tips, guides and product news or Business tips, guides and product news.

Find out more about SharePoint in education, Teams and Class Notebook by attending a webinar.

Creating a quiz using Microsoft Forms in OneNote

Microsoft Forms are a great way to quickly gather survey results or produce quizzes. It could be testing employees on health and safety in OneNote or it could be setting students a topic quiz in Class Notebook.

In this post, I’m going to go through the steps on how to add a quiz to OneNote.

First, create a new page and call it “Quiz”.

Class Notebook

Go to the insert tab in the ribbon and select “Forms”.

Microsoft Forms

Here you will see a list of any forms and quizzes that you previously created in addition to the new options.

List of forms

Click “New Quiz”.

Microsoft Forms will open in a new tab, give the quiz a title and description.

Click “Add question” and select “Choice”.

Enter a question and all the options, you can press “Add option” to add more answer options.

Next to each answer option, you can provide some feedback for users who select this option using the speech bubble icon (see highlighted below).

Mark the correct answer by selecting the tick icon (see highlighted below).

At the bottom of the question, you can assign points for the correct answer, allow multiple answers and make it a required question.

By pressing the menu (…), you can bring up more options such as shuffling the answers or writing math equations.

You can add more questions by clicking “Add question”. The form will save automatically as you edit it (no save button).

When you have finished creating your quiz, switch the browser tab back to the OneNote file, you will see that the quiz has now appeared in the “My forms” list.

Press the “Insert” button.

Our quiz is now embedded on the page!

When users complete the quiz, they will see their points after pressing submit (with feedback on each question).

The author of the quiz can go back into “Microsoft Forms” via the app launcher (see highlighted below).

They can then see a detailed breakdown of the results with the option to export to Excel.

Microsoft Forms can also be added to SharePoint pages, so you can enhance your intranet with surveys and quizzes!

Microsoft Forms is a great tool in the Office 365 package. By using this tool in your organisation, you could really improve engagement with users.

At Cloud Design Box, our solutions help schools and companies get the best out of SharePoint, Teams and OneNote.

More information on our education and business solutions can be found on our website.

Cloud Design Box Class Dashboard

How to create a custom theme in PowerApps (workaround)

PowerApps is a great tool at building complex business applications using logic and no code. Microsoft provide several themes out-of-the-box to give your app a consistent look and feel. There is no option to create a custom theme (please release this functionality Microsoft)!

PowerApps Themes

As a workaround, we can use some logic to have a single place to update the colours, fonts, etc. However, please note that there are some steps to set this up and its time consuming but once you have done this, it’s much easier to play around with the theme rather than editing every element individually.

To make our theme easy to update, we are going to create a new screen which will be used for defining our design. Create a new screen called “Theme”.

PowerApps Themes

PowerApps Themes

On this new screen, we are going to add the elements that we want to style. We only need one instance of font-size, primary colour and secondary colour.

To start with, I’m going to add a button on the theme screen. I’m going to give the button my own custom colour as a background colour.

PowerApps Themes

In my theme, I’m going to rename my button to “ThemedButton” to make it easier to reference.

PowerApps Themes

In every other screen in our app (and every new screen we make), we are going to set the properties of the objects to reference our theme screen element colours, sizes, etc.

In my Edit Screen, I’m going to select the “RectQuickActionBar” and select the “Fill” option. Rather than add a colour here in the formula bar, I’m going to reference our primary colour (used in the button on the theme screen). To do this, we enter:

Fill=ThemedButton.Fill

PowerApps Themes

You can use this method to reference font size (ThemedButton.Size), font colour (ThemedButton.Color), etc.

Once you have setup all the properties, you can now change your styles in a single place by editing your theme screen.

It’s a very long-winded way to create a custom theme but might save you a lot of time changing colours when your manager asks for a different shade of blue across the whole app! I’m pretty sure custom themes will be on the Microsoft PowerApps roadmap soon, so you won’t have this problem!

If you need help with PowerApps, SharePoint or anything else Office 365 related, you can contact us at Cloud Design Box.

Learning Tools in OneNote Class Notebook

OneNote Class Notebook is free for education users as part of Office 365, it has some additional functionality which isn’t available in standard OneNote files. In this blog post, I want to focus on the additional learning tools available in this version. There is also a video guide for this post below.



How do I get Class Notebooks?

Class Notebooks can be created in a many ways (depending on how your school decides to use Office 365). Class Notebooks can be created from the Class Notebook App, Microsoft Teams or inside SharePoint or OneDrive.

Creating a “Class” in Microsoft Teams will automatically create a Class Notebook for the group.

How are Class Notebooks different to OneNote Notebooks?

Class Notebooks have a section for each student. Each student can see their own section, the teacher resources and the collaboration area. They can’t see other student sections. Logged in as a teacher, you have access to all the student sections.

OneNote Class Notebook

How do I send distribute an assignment to the students?

Assignments, worksheets or any other hand-outs can be copied into each student’s own section. To distribute a page, the teacher must:

  • 1. Create a new page
  • 2. Populate the page with what you would like to be sent out to the student (e.g. write an essay on…..)
  • 3. In the “Class Notebook” option in the ribbon, select “Distribute Section”
  • 4. Select where you would like the page to be sent

OneNote Class Notebook Distribute Section

How do I review student work?

Class Notebook has a great tool to make it simple to find student work. In the ribbon select “Review Student Work” from the Class Notebook.

OneNote Class Notebook Review Student Work Button

From here, you can select a page and switch between students for quick access to their work.

OneNote Class Notebook Review Student Work

Immersive reader

This option is available under the “View” tab.

Immersive Reader Button

The immersive reader provides the student with a tool to clearly show text on the page without other distractions (images, formatting, etc). In addition to sharpening the student focus on the text, the tool provides some options to:

  • Emphasise syllables, nouns, verbs and adjectives.
  • High contrast themes
  • Focus on lines or sections of the text
  • Read out the text

Immersive Reader

This is a learning tool that has some good research behind it which suggests that it can be used to improve reading and writing comprehension.

Read the study here

What about formal assignments and homework?

OneNote Class Notebook is a great tool for non-formal work hand-outs. With Microsoft Teams, it can be enhanced to provide formal assignments which can be handed out to students, collected in and graded. We will look at that in the next blog/video post.

Need help setting up Microsoft Teams?

I work for Cloud Design Box and we provide teacher training workshops, support, MIS integration, apps and many other services for Office 365. You can contact us via the website or by email. I hope you have found this blog and video post useful!

Promoted Links Web Part for Modern Pages

Promoted Links Web Part for Modern SharePoint Pages

This web part replicates the classic Promoted Links Web Part but with added features such as web part properties to change the background colour, size of background image and to select which promoted link list to use. You can download it here.

For more information on the full Cloud Design Box learning platform for modern SharePoint or custom workflows and design, Contact us via the website.

If you are interested in developing web parts using the new SharePoint Framework, this web part is a good example of:

  • loading jQuery from CDN
  • adding third party modules
  • making REST calls
  • configuring web part properties

You can find the complete source code in my GitHub repository at https://github.com/CloudDesignBox/cdb-promoted-links.

As soon as I get chance, I will create some additional blog posts on how this web part was created, breaking down the different task lists.

While I work on that, please feel free to download the code and have a play yourselves!

Branding SharePoint using Application Customizers

Collab365 Global Conference

Have you heard about the virtual Collab365 Global Conference 2017 that’s streaming online November 1st – 2nd?

Join me and 120 other speakers from around the world who will be bringing you the very latest content around SharePoint, Office 365, Flow, PowerApps, Azure, OneDrive for Business and of course the increasingly popular Microsoft Teams. The event is produced by the Collab365 Community and is entirely free to attend.

Places are limited to 5000 so be quick and register now.

During the conference I’d love you to watch my session which is called : ‘Branding SharePoint using Application Customizers’

I’ve been a SharePoint designer now for over 10 years. By designer, I mean changing the look and feel of SharePoint. Not just adding simple themes, but making SharePoint, “not look like SharePoint”. It’s a common request for companies and schools to have an intranet or communication portal which reflects their brand and identity. Although Microsoft have come along in leaps and bounds in this area with out-of-the-box options, it’s still a common requirement for some deeper unique branding. The ways in which we apply design customisations have changed over the years. From MasterPages and themes to custom actions, the landscape has been ever-changing but moving slowly towards JavaScript and client-side customisation. In this session, I will go through the SharePoint design technique changes over the years and finish with an example of the most recent SharePoint UI (modern experience). Using the new SharePoint framework, we will build a simple Application Customizer to apply a custom header and footer. This project will be built using web stack tools and libraries such as Node.js, Yeoman and Gulp.

If you join me, you will learn:

  • How to create a new application customizer
  • Using the application customizer to apply branding to modern sites
  • History of SharePoint design
  • Introduction to SASS and TypeScript

Topic(s):

  • Office365
  • SharePoint

Audience :

  • Developer

Time (in UTC) :

  • Thursday, November 2 2017 12:00 Noon

How to attend :

  1. Register here.
  2. At the time listed above go here to watch my session. (you can also add me to your own personal planner from the agenda.
  3. Be ready to take notes!

SUGUK Leeds – Branding SharePoint using Application Customizers

Note: this is an updated blog post to include reference material and demos from the SUGUK meeting in Leeds on 5th September 2017.

I’ve been a SharePoint designer now for over 10 years. By designer, I mean changing the look and feel of SharePoint. Not just adding simple themes, but making SharePoint, “not look like SharePoint”.

It’s a common request for companies and schools to have an intranet or communication portal which reflects their brand and identity. Although Microsoft have come along in leaps and bounds in this area with out-of-the-box options, it’s still a common requirement for some deeper unique branding.

The ways in which we apply design customisations have changed over the years. From MasterPages and themes to custom actions, the landscape has been ever-changing but moving slowly towards JavaScript and client-side customisation.

The most recent SharePoint UI (modern experience) gives designers the opportunity to deploy custom headers and footers to all new SharePoint pages. To make these customisations, we need to use the new SharePoint framework. Projects are built using web stack tools and libraries such as Node.js, Yeoman and Gulp. I’ve provided an overview of these on previous blog posts last year:

Getting started with the new SharePoint framework

Creating a picture library slideshow using jQuery cycle

Demos from SUGUK Leeds on 5th September 2017.

DEMO 2 – Adding HTML and CSS to the Top placeholder

Demo 2 on Github

DEMO 3 – Add Google Analytics, Get Announcements using REST, Show Date and Time, Import jQuery and jQuery Cycle 2

Demo 3 on Github



Note: This is a new video for the release candidate of SharePoint framework extensions.

In the video above, I show how design has changed over the years and I create a new Application Customizer SharePoint framework extension using TypeScript and SASS for design purposes.

It’s an exciting time to be a SharePoint designer and the quicker these extensions are released as general availability, the better! We can then start updating customisations and switching clients over to the new pages.

Branding SharePoint using Application Customizers

I’ve been a SharePoint designer now for over 10 years. By designer, I mean changing the look and feel of SharePoint. Not just adding simple themes, but making SharePoint, “not look like SharePoint”.

It’s a common request for companies and schools to have an intranet or communication portal which reflects their brand and identity. Although Microsoft have come along in leaps and bounds in this area with out-of-the-box options, it’s still a common requirement for some deeper unique branding.

The ways in which we apply design customisations have changed over the years. From MasterPages and themes to custom actions, the landscape has been ever-changing but moving slowly towards JavaScript and client-side customisation.

The most recent SharePoint UI (modern experience) gives designers the opportunity to deploy custom headers and footers to all new SharePoint pages. To make these customisations, we need to use the new SharePoint framework. Projects are built using web stack tools and libraries such as Node.js, Yeoman and Gulp. I’ve provided an overview of these on previous blog posts last year:

Getting started with the new SharePoint framework

Creating a picture library slideshow using jQuery cycle



In the video above, I show how design has changed over the years and I create a new Application Customizer SharePoint framework extension using TypeScript and SASS for design purposes.

It’s an exciting time to be a SharePoint designer and the quicker these extensions are released as general availability, the better! We can then start updating customisations and switching clients over to the new pages.