Coder Social home page Coder Social logo

Comments (3)

shanshanzheng-dev avatar shanshanzheng-dev commented on August 10, 2024

Hi @CBullen2 Thanks for report this issue. Could you please provide us the whole manifest? And I also found a codeSamples to create command add-in, maybe you can try this to see if it works https://learn.microsoft.com/en-us/samples/officedev/pnp-officeaddins/excel-add-in-commands/

from office-js.

CBullen2 avatar CBullen2 commented on August 10, 2024

Sure, I took that sample and added a popup menu to the manifest:

<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
<OfficeApp xmlns="http://schemas.microsoft.com/office/appforoffice/1.1" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:bt="http://schemas.microsoft.com/office/officeappbasictypes/1.0" xmlns:ov="http://schemas.microsoft.com/office/taskpaneappversionoverrides" xsi:type="TaskPaneApp">
	<Id>1752701e-e44f-496d-b4cc-3f3144491978</Id>
	<Version>1.0.0.0</Version>
	<ProviderName>Contoso</ProviderName>
	<DefaultLocale>en-US</DefaultLocale>
	<DisplayName DefaultValue="excel-add-in-commands"/>
	<Description DefaultValue="A template to get started."/>
	<IconUrl DefaultValue="https://officedev.github.io/Office-Add-in-samples/Samples/office-add-in-commands/excel/assets/icon-32.png"/>
	<HighResolutionIconUrl DefaultValue="https://officedev.github.io/Office-Add-in-samples/Samples/office-add-in-commands/excel/assets/icon-64.png"/>
	<SupportUrl DefaultValue="https://learn.microsoft.com/office/dev/add-ins/develop/create-addin-commands"/>
	<AppDomains>
		<AppDomain>https://officedev.github.io</AppDomain>
	</AppDomains>
	<Hosts>
		<Host Name="Workbook"/>
	</Hosts>
	<DefaultSettings>
		<SourceLocation DefaultValue="https://officedev.github.io/Office-Add-in-samples/Samples/office-add-in-commands/excel/taskpane/taskpane.html"/>
	</DefaultSettings>
	<Permissions>ReadWriteDocument</Permissions>
	<VersionOverrides xmlns="http://schemas.microsoft.com/office/taskpaneappversionoverrides" xsi:type="VersionOverridesV1_0">
		<Hosts>
			<Host xsi:type="Workbook">
				<DesktopFormFactor>
					<GetStarted>
						<!-- Title of the Getting Started callout. The resid attribute points to a ShortString resource -->
						<Title resid="Contoso.GetStarted.Title"/>
						<!-- Description of the Getting Started callout. resid points to a LongString resource -->
						<Description resid="Contoso.GetStarted.Description"/>
						<!-- Points to a URL resource which details how the add-in should be used. -->
						<LearnMoreUrl resid="Contoso.GetStarted.LearnMoreUrl"/>
					</GetStarted>
					<FunctionFile resid="Commands.Url"/>
					<ExtensionPoint xsi:type="PrimaryCommandSurface">
						<OfficeTab id="TabHome">
							<!-- Ensure you provide a unique id for the group. Recommendation for any IDs is to namespace using your company name. -->
							<Group id="Contoso.Group1">
								<!-- Label for your group. resid must point to a ShortString resource. -->
								<Label resid="Contoso.Group1Label"/>
								<!-- Icons. Required sizes 16,32,80, optional 20, 24, 40, 48, 64. Strongly recommended to provide all sizes for great UX. -->
								<!-- Use PNG icons. All URLs on the resources section must use HTTPS. -->
								<Icon>
									<bt:Image size="16" resid="Contoso.tpicon_16x16"/>
									<bt:Image size="32" resid="Contoso.tpicon_32x32"/>
									<bt:Image size="80" resid="Contoso.tpicon_80x80"/>
								</Icon>
								<!-- Control. It can be of type "Button" or "Menu". -->
								<Control xsi:type="Button" id="Contoso.TaskpaneButton">
									<Label resid="Contoso.TaskpaneButton.Label"/>
									<Supertip>
										<!-- ToolTip title. resid must point to a ShortString resource. -->
										<Title resid="Contoso.TaskpaneButton.Label"/>
										<!-- ToolTip description. resid must point to a LongString resource. -->
										<Description resid="Contoso.TaskpaneButton.Tooltip"/>
									</Supertip>
									<Icon>
										<bt:Image size="16" resid="Contoso.tpicon_16x16"/>
										<bt:Image size="32" resid="Contoso.tpicon_32x32"/>
										<bt:Image size="80" resid="Contoso.tpicon_80x80"/>
									</Icon>
									<!-- This is what happens when the command is triggered (E.g. click on the Ribbon). Supported actions are ExecuteFunction or ShowTaskpane. -->
									<Action xsi:type="ShowTaskpane">
										<TaskpaneId>ButtonId1</TaskpaneId>
										<!-- Provide a URL resource id for the location that will be displayed on the task pane. -->
										<SourceLocation resid="Contoso.Taskpane.Url"/>
									</Action>
								</Control>
								<Control xsi:type="Menu" id="Contoso.Menu">
									<Label resid="Contoso.Menu.Label"/>
									<Supertip>
										<Title resid="Contoso.Menu.Label"/>
										<Description resid="Contoso.Menu.Tooltip"/>
									</Supertip>
									<Icon>
										<bt:Image size="16" resid="Contoso.tpicon_16x16"/>
										<bt:Image size="32" resid="Contoso.tpicon_32x32"/>
										<bt:Image size="80" resid="Contoso.tpicon_80x80"/>
									</Icon>
									<Items>
										<Item id="itemShowTaskPane">
											<Label resid="Contoso.Item1.Label"/>
											<Supertip>
												<Title resid="Contoso.Item1.Label"/>
												<Description resid="Contoso.Item1.Tooltip"/>
											</Supertip>
											<Icon>
												<bt:Image size="16" resid="Contoso.tpicon_16x16"/>
												<bt:Image size="32" resid="Contoso.tpicon_32x32"/>
												<bt:Image size="80" resid="Contoso.tpicon_80x80"/>
											</Icon>
											<Action xsi:type="ShowTaskpane">
												<TaskpaneId>ButtonId1</TaskpaneId>
												<SourceLocation resid="Contoso.Taskpane.Url"/>
											</Action>
										</Item>
										<Item id="itemExecuteFunction">
											<Label resid="Contoso.Item2.Label"/>
											<Supertip>
												<Title resid="Contoso.Item2.Label"/>
												<Description resid="Contoso.Item2.Tooltip"/>
											</Supertip>
											<Icon>
												<bt:Image size="16" resid="Contoso.tpicon_16x16"/>
												<bt:Image size="32" resid="Contoso.tpicon_32x32"/>
												<bt:Image size="80" resid="Contoso.tpicon_80x80"/>
											</Icon>
											<Action xsi:type="ExecuteFunction">
												<FunctionName>writeValue</FunctionName>
											</Action>
										</Item>
									</Items>
								</Control>
							</Group>
						</OfficeTab>
					</ExtensionPoint>
					<ExtensionPoint xsi:type="ContextMenu">
						<OfficeMenu id="ContextMenuCell">
							<Control xsi:type="Menu" id="PopupMenu">
								<Label resid="PopupMenu.Label"/>
								<Supertip>
									<Title resid="PopupMenu.ST.Label"/>
									<Description resid="PopupMenu.ST.Description"/>
								</Supertip>
								<Icon>
									<bt:Image size="16" resid="Contoso.tpicon_16x16"/>
									<bt:Image size="32" resid="Contoso.tpicon_32x32"/>
								</Icon>
								<Items>
									<Item id="PopupMenu.Menu1">
										<Label resid="PopupMenu.Menu1.Label"/>
										<Supertip>
											<Title resid="PopupMenu.Menu1.ST.Label"/>
											<Description resid="PopupMenu.Menu1.ST.Description"/>
										</Supertip>
										<Icon>
											<bt:Image size="16" resid="Contoso.tpicon_16x16"/>
											<bt:Image size="32" resid="Contoso.tpicon_32x32"/>
										</Icon>
										<Action xsi:type="ExecuteFunction">
											<FunctionName>writeValue</FunctionName>
										</Action>
									</Item>
									<Item id="PopupMenu.Menu2">
										<Label resid="PopupMenu.Menu2.Label"/>
										<Supertip>
											<Title resid="PopupMenu.Menu2.ST.Label"/>
											<Description resid="PopupMenu.Menu2.ST.Description"/>
										</Supertip>
										<Icon>
											<bt:Image size="16" resid="Contoso.tpicon_16x16"/>
											<bt:Image size="32" resid="Contoso.tpicon_32x32"/>
										</Icon>
										<Action xsi:type="ExecuteFunction">
											<FunctionName>writeValue</FunctionName>
										</Action>
									</Item>								
								</Items>
							</Control>
						</OfficeMenu>
					</ExtensionPoint>
				</DesktopFormFactor>
			</Host>
		</Hosts>
		<Resources>
			<bt:Images>
				<bt:Image id="Contoso.tpicon_16x16" DefaultValue="https://officedev.github.io/Office-Add-in-samples/Samples/office-add-in-commands/excel/assets/icon-16.png"/>
				<bt:Image id="Contoso.tpicon_32x32" DefaultValue="https://officedev.github.io/Office-Add-in-samples/Samples/office-add-in-commands/excel/assets/icon-32.png"/>
				<bt:Image id="Contoso.tpicon_80x80" DefaultValue="https://officedev.github.io/Office-Add-in-samples/Samples/office-add-in-commands/excel/assets/icon-80.png"/>
			</bt:Images>
			<bt:Urls>
				<bt:Url id="Commands.Url" DefaultValue="https://officedev.github.io/Office-Add-in-samples/Samples/office-add-in-commands/excel/src/commands/commands.html"/>
				<bt:Url id="Contoso.Taskpane.Url" DefaultValue="https://officedev.github.io/Office-Add-in-samples/Samples/office-add-in-commands/excel/src/taskpane/taskpane.html"/>
				<bt:Url id="Contoso.GetStarted.LearnMoreUrl" DefaultValue="https://go.microsoft.com/fwlink/?LinkId=276812"/>
			</bt:Urls>
			<!-- ShortStrings max characters==125. -->
			<bt:ShortStrings>
				<bt:String id="Contoso.TaskpaneButton.Label" DefaultValue="Show task pane"/>
				<bt:String id="Contoso.WriteValueButton.Label" DefaultValue="Show task pane"/>
				<bt:String id="Contoso.Item1.Label" DefaultValue="Show task pane"/>
				<bt:String id="Contoso.Item2.Label" DefaultValue="Write value"/>
				<bt:String id="Contoso.Menu.Label" DefaultValue="Dropdown menu"/>
				<bt:String id="Contoso.Group1Label" DefaultValue="Commands group"/>
				<bt:String id="Contoso.GetStarted.Title" DefaultValue="Get started with your sample add-in!"/>
				<bt:String id="PopupMenu.Label" DefaultValue="Popup Menu"/>
				<bt:String id="PopupMenu.ST.Label" DefaultValue="Popup Menu Supertip"/>
				<bt:String id="PopupMenu.Menu1.Label" DefaultValue="Menu Item 1"/>
				<bt:String id="PopupMenu.Menu1.ST.Label" DefaultValue="Menu Item 1 Supertip"/>
				<bt:String id="PopupMenu.Menu2.Label" DefaultValue="Menu Item 2"/>
				<bt:String id="PopupMenu.Menu2.ST.Label" DefaultValue="Menu Item 2 Supertip"/>
			</bt:ShortStrings>
			<!-- LongStrings max characters==250. -->
			<bt:LongStrings>
				<bt:String id="Contoso.TaskpaneButton.Tooltip" DefaultValue="Choose to show a task pane"/>
				<bt:String id="Contoso.Item1.Tooltip" DefaultValue="Choose to show a task pane"/>
				<bt:String id="Contoso.Item2.Tooltip" DefaultValue="Choose to show a task pane"/>
				<bt:String id="Contoso.Menu.Tooltip" DefaultValue="Show the dropdown menu"/>
				<bt:String id="Contoso.WriteValueButton.Tooltip" DefaultValue="Choose to write value to document"/>
				<bt:String id="Contoso.GetStarted.Description" DefaultValue="Your sample add-in loaded succesfully. Go to the HOME tab and choose the 'Show task pane' button to get started."/>
				<bt:String id="PopupMenu.ST.Description" DefaultValue="Popup Menu Supertip Description"/>
				<bt:String id="PopupMenu.Menu1.ST.Description" DefaultValue="Menu Item 1 Supertip Description"/>
				<bt:String id="PopupMenu.Menu2.ST.Description" DefaultValue="Menu Item 2 Supertip Description"/>
			</bt:LongStrings>
		</Resources>
	</VersionOverrides>
</OfficeApp>

Then sideloaded it in Excel web, right-clicked the cell and got this:

Right-click image

And I just noticed the icons aren't being displayed either !

from office-js.

shanshanzheng-dev avatar shanshanzheng-dev commented on August 10, 2024

Hi @CBullen2 This is a known issue: #4212, we have created a bug <#9070195> to triage. We unfortunately have no timelines to share at this point.

from office-js.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.