Deploy SPFx solution to MS Teams

-

Deploy SPFx webpart in MS Teams as a Tab.

First create webpart solution template

choose

Do you allow tenant admin as yes

no-javascript framework


install teams js as adding as dependency to our solution.

npm install @microsoft/teams-js --save

Under src - webparts folder In manifest.json file, you can find supportedHosts:["SharePointWebPart"] by default.

you need to add "TeamsTab"

"supportedHosts": ["SharePointWebPart","TeamsTab"],

now go to webpart.ts main file.

we have to import microsoftteam from microsoft teams-js.

import * as microsoftTeams from '@microsoft/teams-js';


Follow step from this article:

https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/using-web-part-as-ms-teams-tab

Comments

Post a Comment

Popular posts from this blog

Powerapps overcome 2000 item limit from any datasource

-
Image
In Power Apps, delegation refers to whether a data processing task (like filtering, searching, or sorting) is performed by the  data source  (server-side) or by  Power Apps  itself (locally on the device).   Power Apps Land  +1 Delegable Functions These functions allow the data source to handle the heavy lifting. The app sends the query to the server, and only the results matching the criteria are returned to the device. This is essential for performance and accuracy when working with datasets exceeding 2,000 records.   LinkedIn  +3 Filter  &  LookUp : Delegable for most tabular data sources (Dataverse, SQL, SharePoint). Sort  &  SortByColumns : Generally delegable, but often restricted to single columns or specific data types. StartsWith : Frequently delegable and often used as a performance-friendly alternative to  Search . Sum, Average, Min, Max : Delegable on advanced data sources like SQL and Dataverse, though...
Read more

PowerApps multiselect cascading dropdown and save an item to SharePoint List

-
Image
 I have one scenario as below List 1: Division List has title field List 2: District List has Title and Division Field(LookUp from Division List) List 3: Facility List has Title, District Field(LookUp field from District List) List 4: County List has Title, Facility Field(LookUp field from Facility List) Main List: Spill Report is the main list  Division Field( Look up from Division List) District Field(Look up field from District List) Facility Field(Look up field from Facility List) County Field(Look up field from County List) List Screenshots provided below can be refered for clarification. ----------------------------------------------------------------------------------------------------- PowerApps Canvas Apps In Power Apps Canvas App, We need to first design the app with the 4 respective fields Since those fields are multiselect, then it is to combo box. Generally power apps are not supported for multiselect cascasding dropdown. Refere microsoft documentation, Know Limit...
Read more

Multi select cascading dropdown in Power Apps

-
Image
  Left(Concat(ColDivisionSelectedValues, Title & ";"),Len(Concat(ColDivisionSelectedValues, Title & ";")) -1) Plus icon Set(_popup,true); Set(DivisionGalleryViewing,true); Set(DropdownName,"Division"); Gallery Division: SortByColumns(ColDivisionDropdown, "Title") Check box OnCheck: Collect(ColDivisionSelectedValues, ThisItem) OnUnCheck: Remove(ColDivisionSelectedValues,ThisItem); Remove(     ColDistrictSelectedValues,     Filter(         ColDistrictSelectedValues,         Division.Value = ChkBoxDivision_1.Text     ) );
Read more