I am really struggling to understand why my task pane is not showing up in Microsoft word. The button to trigger the taskPane appears under "AddIns" as expected but clicking it does not open the task pane. Word does say "Add-ins loaded successfully" at the bottom though.

This is the relevant part of the manifest.xml:

    <Hosts>
      <Host xsi:type="Document">
        <!-- Read DesktopFormFactor:  -->
        <DesktopFormFactor>

          <!-- The OfficeTab with id="TabAddins" isn't needed for the Add-ins tab, as PrimaryCommandSurface will place the button in the "Add-ins" tab automatically. -->
          <ExtensionPoint xsi:type="PrimaryCommandSurface">
            <Control xsi:type="Button" id="yyyqqq.Button">
              <Label resid="TaskpaneButton.Title"/>
              <Supertip>
                <Title resid="TaskpaneButton.Title"/>
                <Description resid="TaskpaneButton.Tooltip"/>
              </Supertip>
              <Icon>
                <bt:Image size="16" resid="Icon.16x16"/>
                <bt:Image size="32" resid="Icon.32x32"/>
                <bt:Image size="80" resid="Icon.80x80"/>
              </Icon>
              <Action xsi:type="ShowTaskpane">
                <!-- <SourceLocation resid="Taskpane.Url"/> -->
                <TaskpaneId>yyyqqq</TaskpaneId>
                <SourceLocation resid="TaskPaneUrl"/>
              </Action>
            </Control>
          </ExtensionPoint>

        </DesktopFormFactor>
      </Host>
    </Hosts>
    <Resources>
      <bt:Images>
        <bt:Image id="Icon.16x16" DefaultValue=".png"/>
        <bt:Image id="Icon.32x32" DefaultValue=".png"/>
        <bt:Image id="Icon.64x64" DefaultValue=".png"/>
        <bt:Image id="Icon.80x80" DefaultValue=".png"/>
        <bt:Image id="Icon.128x128" DefaultValue=".png"/>
        <bt:Image id="Icon.150x150" DefaultValue=".png"/>
      </bt:Images>
      <bt:Urls>
        <bt:Url id="GetStarted.LearnMoreUrl" DefaultValue="/?LinkId=276812"/>
        <bt:Url id="TaskPaneUrl" DefaultValue=";/>
      </bt:Urls>
      <bt:ShortStrings>
        <bt:String id="GetStarted.Title" DefaultValue="Get started with your sample add-in!"/>

        <bt:String id="yyyqqq.TabLabel" DefaultValue="yyyqqq"/>
        <bt:String id="yyyqqq.GroupLabel" DefaultValue="AI Tools"/>
        <bt:String id="TaskpaneButton.Title" DefaultValue="bla!"/>
        <bt:String id="TaskpaneButton.Tooltip" DefaultValue="bla2!"/>
      </bt:ShortStrings>
      <bt:LongStrings>
         <bt:String id="GetStarted.Description" DefaultValue="Your sample add-in loaded succesfully. Go to the HOME tab and click the 'yyyqqq' button to get started."/>
      </bt:LongStrings>
    </Resources>

Update:

If I replace the ExtensionPoint with GetStarted (shown below), then everything works fine. But that cannot be the prod version as it doesn't pass the Microsoft XML validator. This shows (I believe) that there's something wrong with DesktopForm/Extension point, but I cannot figure out what.

          <GetStarted>
            <Title resid="GetStarted.Title"/>
            <Description resid="GetStarted.Description"/>
            <LearnMoreUrl resid="GetStarted.LearnMoreUrl"/> <!-- TODO: change this to our own -->
          </GetStarted>

I am really struggling to understand why my task pane is not showing up in Microsoft word. The button to trigger the taskPane appears under "AddIns" as expected but clicking it does not open the task pane. Word does say "Add-ins loaded successfully" at the bottom though.

This is the relevant part of the manifest.xml:

    <Hosts>
      <Host xsi:type="Document">
        <!-- Read DesktopFormFactor: https://learn.microsoft/en-us/javascript/api/manifest/desktopformfactor?view=common-js-preview -->
        <DesktopFormFactor>

          <!-- The OfficeTab with id="TabAddins" isn't needed for the Add-ins tab, as PrimaryCommandSurface will place the button in the "Add-ins" tab automatically. -->
          <ExtensionPoint xsi:type="PrimaryCommandSurface">
            <Control xsi:type="Button" id="yyyqqq.Button">
              <Label resid="TaskpaneButton.Title"/>
              <Supertip>
                <Title resid="TaskpaneButton.Title"/>
                <Description resid="TaskpaneButton.Tooltip"/>
              </Supertip>
              <Icon>
                <bt:Image size="16" resid="Icon.16x16"/>
                <bt:Image size="32" resid="Icon.32x32"/>
                <bt:Image size="80" resid="Icon.80x80"/>
              </Icon>
              <Action xsi:type="ShowTaskpane">
                <!-- <SourceLocation resid="Taskpane.Url"/> -->
                <TaskpaneId>yyyqqq</TaskpaneId>
                <SourceLocation resid="TaskPaneUrl"/>
              </Action>
            </Control>
          </ExtensionPoint>

        </DesktopFormFactor>
      </Host>
    </Hosts>
    <Resources>
      <bt:Images>
        <bt:Image id="Icon.16x16" DefaultValue="https://yyyqqq/static/wordapp/logo-16.png"/>
        <bt:Image id="Icon.32x32" DefaultValue="https://yyyqqq/static/wordapp/logo-32.png"/>
        <bt:Image id="Icon.64x64" DefaultValue="https://yyyqqq/static/wordapp/logo-64.png"/>
        <bt:Image id="Icon.80x80" DefaultValue="https://yyyqqq/static/wordapp/logo-80.png"/>
        <bt:Image id="Icon.128x128" DefaultValue="https://yyyqqq/static/wordapp/logo-128.png"/>
        <bt:Image id="Icon.150x150" DefaultValue="https://yyyqqq/static/wordapp/logo-150.png"/>
      </bt:Images>
      <bt:Urls>
        <bt:Url id="GetStarted.LearnMoreUrl" DefaultValue="https://go.microsoft/fwlink/?LinkId=276812"/>
        <bt:Url id="TaskPaneUrl" DefaultValue="https://yyyqqq/wordapp/login"/>
      </bt:Urls>
      <bt:ShortStrings>
        <bt:String id="GetStarted.Title" DefaultValue="Get started with your sample add-in!"/>

        <bt:String id="yyyqqq.TabLabel" DefaultValue="yyyqqq"/>
        <bt:String id="yyyqqq.GroupLabel" DefaultValue="AI Tools"/>
        <bt:String id="TaskpaneButton.Title" DefaultValue="bla!"/>
        <bt:String id="TaskpaneButton.Tooltip" DefaultValue="bla2!"/>
      </bt:ShortStrings>
      <bt:LongStrings>
         <bt:String id="GetStarted.Description" DefaultValue="Your sample add-in loaded succesfully. Go to the HOME tab and click the 'yyyqqq' button to get started."/>
      </bt:LongStrings>
    </Resources>

Update:

If I replace the ExtensionPoint with GetStarted (shown below), then everything works fine. But that cannot be the prod version as it doesn't pass the Microsoft XML validator. This shows (I believe) that there's something wrong with DesktopForm/Extension point, but I cannot figure out what.

          <GetStarted>
            <Title resid="GetStarted.Title"/>
            <Description resid="GetStarted.Description"/>
            <LearnMoreUrl resid="GetStarted.LearnMoreUrl"/> <!-- TODO: change this to our own -->
          </GetStarted>

• ms-word
• office-js
• word-addins

Share Improve this question Follow edited Feb 22 at 10:11 fersarr asked Feb 21 at 0:12 fersarrfersarr 3,53144 gold badges3131 silver badges3535 bronze badges 3

• When you see the message "Add-in loaded successfully", open a browser window and see if https://yyyqqq/wordapp/login will open in it. Also, are you testing on Windows, Mac, or on the web? – Rick Kirkham Commented Feb 21 at 1:46
• Thanks for looking. Yes, the URL loads fine on the browser (I changed the domain) and I am running on a mac – fersarr Commented Feb 22 at 9:13
• I just added clarification above that using the dev-only GetStarted makes everything work as a way to show that there's something wrong with the ExtensionPoint/DesktopForm – fersarr Commented Feb 22 at 10:12

Add a comment  | 

1 Answer 1

Sorted by: Reset to default 0

A <Control> element cannot be a direct child of <ExtensionPoint>. It must be a child of Group. The <Group> must be a child of CustomTab (or <OfficeTab>.