How to build a wikipedia or Microsoft Learn format type page at Microsoft TEAMS for internal knowledge base

David TAN 0 Reputation points

How to build a wikipedia-style or Microsoft Learn format type page at Microsoft TEAMS for internal knowledge base? The page minimal should be 2 columns: 1 for content headings and subheadings, and another for the detailed content associated to the individual headings and subheadings. Assign users can have the privileges to create, edit, update and publish the curated knowledge content. The content can include texts, photos, pictures, videos and links, but not chats. It can also have a feedback box for submission.

Microsoft Teams Development
Microsoft Teams Development
Microsoft Teams: A Microsoft customizable chat-based workspace.Development: The process of researching, productizing, and refining new or existing technologies.
2,751 questions
{count} votes

2 answers

Sort by: Most helpful
  1. ChetanSharmamsft 946 Reputation points Microsoft Vendor

    Hello David TAN - You can use markdown to create the pages:
    Please refer this documentation:

    0 comments No comments

  2. Prasad-MSFT 5,481 Reputation points Microsoft Vendor

    To build a Wikipedia-style or Microsoft Learn format type page in Microsoft Teams for an internal knowledge base, you can create a custom tab with a content page that includes two columns for content headings and detailed content associated with the headings. Y

    1. Create a Custom Tab with Content Page:
    • You can create a personal-scoped custom tab or a channel/group custom tab in Microsoft Teams.
    • Use the Microsoft Teams UI Kit and UI Library for designing the tab's UI to ensure it is clean, intuitive, and immersive.
    • Follow the tab design guidelines for best practices.
    1. Implement Two-Column Layout:
    • Use HTML and CSS to create a two-column layout for your content page.
    • The first column can contain the headings and subheadings, while the second column can display the detailed content associated with each heading.
    • Here's a basic example of a two-column layout using HTML and CSS:
    <div class="two-column-container"><div class="column"><!-- Content headings and subheadings go here --></div><div class="column"><!-- Detailed content associated with headings/subheadings go here --></div></div><style>
        .two-column-container {
            display: flex;
        .column {
            flex: 1;
            padding: 10px;


    Prasad Das *************************************************************************  If the response is helpful, please click "Accept Answer" and upvote it. You can share your feedback via Microsoft Teams Developer Feedback link. Click here to escalate.

    0 comments No comments