Taskpane Button Menu validation based on option with SupportsMultiSelect enabled about office-js

[EmilioAlbertoE]

this is the piece where we defined the buttons and the permissions on the manifest with the SupportsMultiSelect tag

      <!-- MAIL READ SURFACE -->
      <ExtensionPoint xsi:type="MessageReadCommandSurface">
        <!-- Use the default tab of the ExtensionPoint or create your own with <CustomTab id="myTab"> -->
        <OfficeTab id="TabDefault">
          <!-- Up to 6 Groups added per Tab -->
          <Group id="msgReadGroup">
            <Label resid="groupLabel" />
            <!-- Launch the add-in : task pane button -->
            <Control xsi:type="Button" id="readTagEmail">
              <Label resid="tagEmailLabel" />
              <Supertip>
                <Title resid="paneReadSuperTipTitle" />
                <Description resid="paneReadSuperTipDescription" />
              </Supertip>
              <Icon>
                <bt:Image size="16" resid="tagMailIcon16" />
                <bt:Image size="32" resid="tagMailIcon32" />
                <bt:Image size="80" resid="tagMailIcon80" />
              </Icon>
              <Action xsi:type="ShowTaskpane">
                <SourceLocation resid="readTagMailPaneUrl" />
                <SupportsPinning>true</SupportsPinning>
                <SupportsMultiSelect>true</SupportsMultiSelect>
              </Action>
            </Control>

            <Control xsi:type="Button" id="readCaseInfo">
              <Label resid="caseInfoLabel" />
              <Supertip>
                <Title resid="paneReadSuperTipTitle" />
                <Description resid="paneReadSuperTipDescription" />
              </Supertip>
              <Icon>
                <bt:Image size="16" resid="caseInfoIcon16" />
                <bt:Image size="32" resid="caseInfoIcon32" />
                <bt:Image size="80" resid="caseInfoIcon80" />
              </Icon>
              <Action xsi:type="ShowTaskpane">
                <SourceLocation resid="readCaseInfoPaneUrl" />
                <SupportsPinning>true</SupportsPinning>
              </Action>
            </Control>
            <!-- Go to http://aka.ms/ButtonCommands to learn how to add more Controls: ExecuteFunction and Menu -->
          </Group>
        </OfficeTab>
      </ExtensionPoint>
      <!-- Go to http://aka.ms/ExtensionPointsCommands to learn how to add more Extension Points: MessageRead, AppointmentOrganizer, AppointmentAttendee -->


      <!-- MAIL COMPOSE SURFACE -->
      <ExtensionPoint xsi:type="MessageComposeCommandSurface">
        <OfficeTab id="TabDefault">
          <!-- Up to 6 Groups added per Tab -->
          <Group id="mailComposeGroup">
            <Label resid="groupLabel" />
            <!-- Launch the add-in : task pane button -->
            <Control xsi:type="Button" id="composeTagEmail">
              <Label resid="tagEmailLabel" />
              <Supertip>
                <Title resid="paneReadSuperTipTitle" />
                <Description resid="paneReadSuperTipDescription" />
              </Supertip>
              <Icon>
                <bt:Image size="16" resid="tagMailIcon16" />
                <bt:Image size="32" resid="tagMailIcon32" />
                <bt:Image size="80" resid="tagMailIcon80" />
              </Icon>
              <Action xsi:type="ShowTaskpane">
                <SourceLocation resid="composeTagMailPaneUrl" />
                <SupportsPinning>true</SupportsPinning>
              </Action>
            </Control>

            <Control xsi:type="Button" id="composeCaseInfo">
              <Label resid="caseInfoLabel" />
              <Supertip>
                <Title resid="paneReadSuperTipTitle" />
                <Description resid="paneReadSuperTipDescription" />
              </Supertip>
              <Icon>
                <bt:Image size="16" resid="caseInfoIcon16" />
                <bt:Image size="32" resid="caseInfoIcon32" />
                <bt:Image size="80" resid="caseInfoIcon80" />
              </Icon>
              <Action xsi:type="ShowTaskpane">
                <SourceLocation resid="composeCaseInfoPaneUrl" />
                <SupportsPinning>true</SupportsPinning>
              </Action>
            </Control>
            <!-- Go to http://aka.ms/ButtonCommands to learn how to add more Controls: ExecuteFunction and Menu -->
          </Group>
        </OfficeTab>
      </ExtensionPoint>


      <!-- APPOINTMENT ORGANIZER SURFACE -->
      <ExtensionPoint xsi:type="AppointmentOrganizerCommandSurface">
        <OfficeTab id="TabDefault">
          <!-- Up to 6 Groups added per Tab -->
          <Group id="aptReadGroup">
            <Label resid="groupLabel" />
            <!-- Launch the add-in : task pane button -->
            <Control xsi:type="Button" id="appointmentTag">
              <Label resid="tagCalendarEventLabel" />
              <Supertip>
                <Title resid="paneReadSuperTipTitle" />
                <Description resid="paneReadSuperTipDescription" />
              </Supertip>
              <Icon>
                <bt:Image size="16" resid="tagMailIcon16" />
                <bt:Image size="32" resid="tagMailIcon32" />
                <bt:Image size="80" resid="tagMailIcon80" />
              </Icon>
              <Action xsi:type="ShowTaskpane">
                <SourceLocation resid="appointmentTagMailPaneUrl" />
                <SupportsPinning>true</SupportsPinning>
              </Action>
            </Control>

            <!-- <Control xsi:type="Button" id="appointmentCaseInfo">
              <Label resid="caseInfoLabel" />
              <Supertip>
                <Title resid="paneReadSuperTipTitle" />
                <Description resid="paneReadSuperTipDescription" />
              </Supertip>
              <Icon>
                <bt:Image size="16" resid="caseInfoIcon16" />
                <bt:Image size="32" resid="caseInfoIcon32" />
                <bt:Image size="80" resid="caseInfoIcon80" />
              </Icon>
              <Action xsi:type="ShowTaskpane">
                <SourceLocation resid="appointmentCaseInfoPaneUrl" />
                <SupportsPinning>true</SupportsPinning>
              </Action>
            </Control> -->
            <!-- Go to http://aka.ms/ButtonCommands to learn how to add more Controls: ExecuteFunction and Menu -->
          </Group>
        </OfficeTab>
      </ExtensionPoint>

      <ExtensionPoint xsi:type="AppointmentAttendeeCommandSurface">
        <OfficeTab id="TabDefault">
          <!-- Up to 6 Groups added per Tab -->
          <Group id="aptAttendeeReadGroup">
            <Label resid="groupLabel" />
            <!-- Launch the add-in : task pane button -->
            <Control xsi:type="Button" id="appointmentTagFromAttendee">
              <Label resid="tagCalendarEventLabel" />
              <Supertip>
                <Title resid="paneReadSuperTipTitle" />
                <Description resid="paneReadSuperTipDescription" />
              </Supertip>
              <Icon>
                <bt:Image size="16" resid="tagMailIcon16" />
                <bt:Image size="32" resid="tagMailIcon32" />
                <bt:Image size="80" resid="tagMailIcon80" />
              </Icon>
              <Action xsi:type="ShowTaskpane">
                <SourceLocation resid="appointmentTagMailPaneUrl" />
                <SupportsPinning>true</SupportsPinning>
              </Action>
            </Control>

            <!-- <Control xsi:type="Button" id="appointmentCaseInfoFromAttendee">
              <Label resid="caseInfoLabel" />
              <Supertip>
                <Title resid="paneReadSuperTipTitle" />
                <Description resid="paneReadSuperTipDescription" />
              </Supertip>
              <Icon>
                <bt:Image size="16" resid="caseInfoIcon16" />
                <bt:Image size="32" resid="caseInfoIcon32" />
                <bt:Image size="80" resid="caseInfoIcon80" />
              </Icon>
              <Action xsi:type="ShowTaskpane">
                <SourceLocation resid="appointmentCaseInfoPaneUrl" />
                <SupportsPinning>true</SupportsPinning>
              </Action>
            </Control> -->
            <!-- Go to http://aka.ms/ButtonCommands to learn how to add more Controls: ExecuteFunction and Menu -->
          </Group>
        </OfficeTab>
      </ExtensionPoint>

    </DesktopFormFactor>


    <MobileFormFactor>
      <ExtensionPoint xsi:type="MobileMessageReadCommandSurface">
          <Group id="mobileMsgReadGroup">
            <Label resid="groupLabel" />
            <Control xsi:type="MobileButton" id="mobileReadTagEmail">
              <Label resid="tagEmailLabel" />
               <Icon xsi:type="bt:MobileIconList">
                <bt:Image size="25" scale="1" resid="tagMailIcon32" />
                <bt:Image size="25" scale="2" resid="tagMailIcon32" />
                <bt:Image size="25" scale="3" resid="tagMailIcon32" />
                <bt:Image size="32" scale="1" resid="tagMailIcon32" />
                <bt:Image size="32" scale="2" resid="tagMailIcon32" />
                <bt:Image size="32" scale="3" resid="tagMailIcon32" />
                <bt:Image size="48" scale="1" resid="tagMailIcon32" />
                <bt:Image size="48" scale="2" resid="tagMailIcon32" />
                <bt:Image size="48" scale="3" resid="tagMailIcon32" />
              </Icon>
              <Action xsi:type="ShowTaskpane">
                <SourceLocation resid="mobileReadTagMailPaneUrl" />
                <SupportsPinning>true</SupportsPinning>
              </Action>
            </Control>

            <Control xsi:type="MobileButton" id="mobileReadCaseInfo">
              <Label resid="caseInfoLabel" />
               <Icon xsi:type="bt:MobileIconList">
                  <bt:Image size="25" scale="1" resid="caseInfoIcon32" />
                  <bt:Image size="25" scale="2" resid="caseInfoIcon32" />
                  <bt:Image size="25" scale="3" resid="caseInfoIcon32" />
                  <bt:Image size="32" scale="1" resid="caseInfoIcon32" />
                  <bt:Image size="32" scale="2" resid="caseInfoIcon32" />
                  <bt:Image size="32" scale="3" resid="caseInfoIcon32" />
                  <bt:Image size="48" scale="1" resid="caseInfoIcon32" />
                  <bt:Image size="48" scale="2" resid="caseInfoIcon32" />
                  <bt:Image size="48" scale="3" resid="caseInfoIcon32" />
                </Icon>
              <Action xsi:type="ShowTaskpane">
                <SourceLocation resid="mobileReadCaseInfoPaneUrl" />
                <SupportsPinning>true</SupportsPinning>
              </Action>
            </Control>
          </Group>
      </ExtensionPoint>
    </MobileFormFactor>

  </Host>
</Hosts>

[zhngx1]

Is it happening only on Outlook web? Does it happen on Outlook Desktop or Outlook Mac?

[EmilioAlbertoE]

yes it's only happening on Outlook web.

Outlook desktop it's working as expected without issues.