PowerPoint ribbon updates

Microsoft 365 Developer · Intermediate ·📰 AI News & Updates ·5y ago

Key Takeaways

The video discusses new PowerPoint ribbon updates, including allowing native controls, setting tab location, and setting focus to a particular tab, all accomplished through the manifest by extending app commands.

Full Transcript

[Music] my name is lion um today i'm gonna be talking about some new and exciting uh powerpoint ribbon updates that uh we're gonna be pushing out so just a quick recap these are gonna be available really soon so probably within the next week on office online and we are gonna be doing a fast follow on desktop and mac and around the may time frame we're just finishing up um coding this quarter so um that's kind of accounting for roll out time so the features i'm going to be talking about today going to be allowing native controls in your ribbon being able to set your tab location to any location you want and then also being able to set focus to that particular tab so i'll go into that in a little bit more detail shortly um and then we also have some docs available right now so they are marked with preview but um it is gaining very soon so uh these are all going to be accomplished through the manifest so we're going to be essentially extending um app commands um or the the node within your manifest and from here you can designate the location you can designate whether you want to be importing any um any custom controls and i will show a quick demo of that at the end so for the first feature for native buttons um what this means is that you can now directly take any chunk from within the native ribbon and actually port that into your your own ribbon and you can mix and mingle those with your existing add-in controls so we support both taking a whole group so we can take paragraphs or you can also take a single control like bold and then you can kind of mix and mingle those two together so and the manifest will be introduced into new elements and there will be a lookup table where you will be able to find the mapping of each control and group to their relevant ids we don't um allow you to so yeah let's go something with restrictions if you import a a whole group um we don't allow you to take out a specific button or um alter that group in any way so if you import that that uh that comes entirely and if you are using any enable disable apis these will not work on the native buttons um so a lot of them are contextual so for example like bold that would be disabled until you highlight text and any um any controls that have that will obey their native instructions and you won't be able to actually control those uh so the second one is placement so as you may know right now for tabs um if you insert uh an add-in the tab will default right to the end um so kind of at the so you can see script lab here um what this does is you can now insert that tab anywhere you want um in between native tabs so i can say um insert after or insert before um so if we have an insert before tap home it'll go here so it'll go between file and home um for this if we have any collisions so if multiple add-ins want to be inserted in the same location um the it'll be resolved by installation order so um the last installed add-in will take that location and it'll just push all the other add-ons down and what happens also is that we will take the natural order of the tab and what that means is that if the user goes and um right clicks and goes to runner manager and say i move my home tab down to the end of the line if you specify hey i want to insert before tab home we will take the natural order so we will we will take the order of home being near the near the front um so kind of unaltered and the last one is focus so what this means is just like when you open up a document for the first time you'll see the ribbon default over to home you can now your adam can now do this so if you actually insert your add-in before the home tab if the user closes that document and opens it again the tab will automatically open to your add-in tab um just like it would do natively and just quickly for fallback options so if it isn't um if the user is on a version of office that isn't that doesn't support this feature um we will ignore the elements so we will just pass the parts of the ribbon that we understand for that version and you can also opt out of this by specifying the requirement set in which case your adam will not show up for that version of office um and then just a quick demo so i have a manifest open here as you can see um i have my extension point i have an insert before tap home and then i just have a bunch of native controls here and i've sign loaded the ad in here so you can see so i have my contoso add-in um you'll notice that this tab is in between fall and home and i have a bunch of negative controls here that i have mix and mingle together that's the end of the demo really excited and looking forward to everyone trying this thank you lillian

Original Description

In this 6-minute Developer-focused demo, Lillian Liu – Senior Program Manager at Microsoft details features available in Office Online the week of March 15th, and that will be available for Desktop and Mac in May+. The new features shown: Allowing native controls, Setting tab location (to any location you want), and Setting focus for a tab. All functions accomplished in manifest with new elements. This PnP Community demo is taken from the Office Add-ins community call - March 2021, recorded on March 10, 2021. Demo Presenter: Lillian Liu (Microsoft) | Sr. Program Manager Supporting documents: • Documentation - Integrate built-in Office buttons into custom control groups and tabs | https://docs.microsoft.com/en-us/office/dev/add-ins/design/built-in-button-integration • Documentation - Position a custom tab on the ribbon | https://docs.microsoft.com/en-us/office/dev/add-ins/design/custom-tab-placement Stay connected: • Twitter https://twitter.com/microsoft365dev • YouTube https://aka.ms/M365DevYouTube • Blogs https://aka.ms/M365DevBlog
Watch on YouTube ↗ (saves to browser)
Sign in to unlock AI tutor explanation · ⚡30

Playlist

Uploads from Microsoft 365 Developer · Microsoft 365 Developer · 0 of 60

← Previous Next →
1 Adaptive Cards community call-February 2019
Adaptive Cards community call-February 2019
Microsoft 365 Developer
2 PowerApps community call-February 2019
PowerApps community call-February 2019
Microsoft 365 Developer
3 Microsoft Graph community call-March 2019
Microsoft Graph community call-March 2019
Microsoft 365 Developer
4 Office Add ins community call-March 2019
Office Add ins community call-March 2019
Microsoft 365 Developer
5 PowerApps community call-March 2019
PowerApps community call-March 2019
Microsoft 365 Developer
6 Microsoft Teams community call-March 2019
Microsoft Teams community call-March 2019
Microsoft 365 Developer
7 Using React and Office UI Fabric React Components
Using React and Office UI Fabric React Components
Microsoft 365 Developer
8 Build Microsoft Teams customization using SharePoint Framework
Build Microsoft Teams customization using SharePoint Framework
Microsoft 365 Developer
9 Microsoft Graph community call-April 2019
Microsoft Graph community call-April 2019
Microsoft 365 Developer
10 Using Change Notifications and Track Changes with Microsoft Graph
Using Change Notifications and Track Changes with Microsoft Graph
Microsoft 365 Developer
11 Office Add Ins community call-April 2019
Office Add Ins community call-April 2019
Microsoft 365 Developer
12 Adaptive Cards community call-April 2019
Adaptive Cards community call-April 2019
Microsoft 365 Developer
13 Microsoft Teams community call-April 2019
Microsoft Teams community call-April 2019
Microsoft 365 Developer
14 Getting Started with Microsoft Graph and Application Registration
Getting Started with Microsoft Graph and Application Registration
Microsoft 365 Developer
15 Getting Started with Microsoft Graph and the Directory API
Getting Started with Microsoft Graph and the Directory API
Microsoft 365 Developer
16 Getting Started with Microsoft Graph and Microsoft Teams
Getting Started with Microsoft Graph and Microsoft Teams
Microsoft 365 Developer
17 Getting Started with Microsoft Graph Explorer
Getting Started with Microsoft Graph Explorer
Microsoft 365 Developer
18 Getting Started with Microsoft Graph
Getting Started with Microsoft Graph
Microsoft 365 Developer
19 Getting Started with Microsoft Graph and Mail API
Getting Started with Microsoft Graph and Mail API
Microsoft 365 Developer
20 Getting Started with Microsoft Graph and Office 365 Groups
Getting Started with Microsoft Graph and Office 365 Groups
Microsoft 365 Developer
21 Getting Started with Microsoft Graph and the Calendar API
Getting Started with Microsoft Graph and the Calendar API
Microsoft 365 Developer
22 Getting Started with the Microsoft Graph Toolkit
Getting Started with the Microsoft Graph Toolkit
Microsoft 365 Developer
23 Getting Started with Microsoft Graph and JavaScript SDKs
Getting Started with Microsoft Graph and JavaScript SDKs
Microsoft 365 Developer
24 Getting Started with Microsoft Graph and .NET SDKs
Getting Started with Microsoft Graph and .NET SDKs
Microsoft 365 Developer
25 Discover how businesses can be more productive with Microsoft 365 integrations
Discover how businesses can be more productive with Microsoft 365 integrations
Microsoft 365 Developer
26 Adaptive Cards community call-May 2019
Adaptive Cards community call-May 2019
Microsoft 365 Developer
27 Office Add-ins community call-May 2019
Office Add-ins community call-May 2019
Microsoft 365 Developer
28 Why We Built on Microsoft Teams
Why We Built on Microsoft Teams
Microsoft 365 Developer
29 Microsoft Teams community call-May 2019
Microsoft Teams community call-May 2019
Microsoft 365 Developer
30 Microsoft Graph community call-June 2019
Microsoft Graph community call-June 2019
Microsoft 365 Developer
31 Build Angular SPA's with Microsoft Graph - June 2019
Build Angular SPA's with Microsoft Graph - June 2019
Microsoft 365 Developer
32 Office Add -ins community call-June 2019
Office Add -ins community call-June 2019
Microsoft 365 Developer
33 Build Android native apps with the Microsoft Graph Android SDK - June 2019
Build Android native apps with the Microsoft Graph Android SDK - June 2019
Microsoft 365 Developer
34 Build MVC apps with Microsoft Graph - June 2019
Build MVC apps with Microsoft Graph - June 2019
Microsoft 365 Developer
35 Authenticate and connect with Microsoft Graph - June 2019
Authenticate and connect with Microsoft Graph - June 2019
Microsoft 365 Developer
36 Microsoft Graph data connect - June 2019
Microsoft Graph data connect - June 2019
Microsoft 365 Developer
37 Change notifications with Microsoft Graph - June 2019
Change notifications with Microsoft Graph - June 2019
Microsoft 365 Developer
38 Build iOS native apps with the Microsoft Graph REST API - June 2019
Build iOS native apps with the Microsoft Graph REST API - June 2019
Microsoft 365 Developer
39 Build Node.js Express apps with Microsoft Graph - June 2019
Build Node.js Express apps with Microsoft Graph - June 2019
Microsoft 365 Developer
40 Smart UI with Microsoft Graph - June 2019
Smart UI with Microsoft Graph - June 2019
Microsoft 365 Developer
41 Leveraging the Microsoft Graph API from the SharePoint Framework - June 2019
Leveraging the Microsoft Graph API from the SharePoint Framework - June 2019
Microsoft 365 Developer
42 Build UWP apps with Microsoft Graph - June 2019
Build UWP apps with Microsoft Graph - June 2019
Microsoft 365 Developer
43 Build React SPA's with Microsoft Graph - June 2019
Build React SPA's with Microsoft Graph - June 2019
Microsoft 365 Developer
44 Getting Started with Microsoft Graph and Batching
Getting Started with Microsoft Graph and Batching
Microsoft 365 Developer
45 Getting Started with Microsoft Graph and Change Notifications
Getting Started with Microsoft Graph and Change Notifications
Microsoft 365 Developer
46 Getting Started with Microsoft Graph and Consent Permissions
Getting Started with Microsoft Graph and Consent Permissions
Microsoft 365 Developer
47 Getting Started with Microsoft Graph and Education
Getting Started with Microsoft Graph and Education
Microsoft 365 Developer
48 Getting Started with Microsoft Graph and Financials
Getting Started with Microsoft Graph and Financials
Microsoft 365 Developer
49 Getting Started with Microsoft Graph and Excel
Getting Started with Microsoft Graph and Excel
Microsoft 365 Developer
50 Getting Started with Microsoft Graph and Data Connect
Getting Started with Microsoft Graph and Data Connect
Microsoft 365 Developer
51 Getting Started with Microsoft Graph and Intune
Getting Started with Microsoft Graph and Intune
Microsoft 365 Developer
52 Getting Started with Microsoft Graph and Notifications
Getting Started with Microsoft Graph and Notifications
Microsoft 365 Developer
53 Getting Started with Microsoft Graph and OneNote
Getting Started with Microsoft Graph and OneNote
Microsoft 365 Developer
54 Getting Started with Microsoft Graph and OneDrive
Getting Started with Microsoft Graph and OneDrive
Microsoft 365 Developer
55 Getting Started with Microsoft Graph and Open Extensions
Getting Started with Microsoft Graph and Open Extensions
Microsoft 365 Developer
56 Getting Started with Microsoft Graph and Paging
Getting Started with Microsoft Graph and Paging
Microsoft 365 Developer
57 Getting Started with Microsoft Graph and Schema Extensions
Getting Started with Microsoft Graph and Schema Extensions
Microsoft 365 Developer
58 Getting Started with Microsoft Graph and Security API
Getting Started with Microsoft Graph and Security API
Microsoft 365 Developer
59 Getting Started with Microsoft Graph and Query Parameters
Getting Started with Microsoft Graph and Query Parameters
Microsoft 365 Developer
60 Getting Started with Microsoft Graph and Reporting API
Getting Started with Microsoft Graph and Reporting API
Microsoft 365 Developer

The video teaches how to customize PowerPoint ribbons using the manifest, allowing for native controls, custom tab locations, and focus settings, with a demo showcasing these features.

Key Takeaways
  1. Extend app commands in the manifest
  2. Designate native controls for the ribbon
  3. Set tab location using insert before or after
  4. Set focus to a particular tab
  5. Use the manifest to customize the ribbon
  6. Test and deploy the customized ribbon
💡 The manifest can be used to extend app commands and customize the PowerPoint ribbon, allowing for native controls, custom tab locations, and focus settings.

Related Reads

Up next
New Research on AI Search Visibility: What Marketers Need to Know to Stay Visible
Schema App
Watch →