Widget Section Element : Activity

The activity element can be used to display information with a thumbnail, title, and description, resembling a structured information section. The activity element consists of two types.

• Standard activity
• User activity 

Standard Activity 

The standard activity element is content-focused and can present general information concisely and visually appealing through a thumbnail, title, and description.

Syntax: 

{
type : "activity"
title: "",
image_url: "",
​description: "",
button_references: {}
}

Attributes: 

User Activity 

The user activity element is user-focused and can showcase details about a user, including their name, profile picture, and supporting text.

Syntax: 

{
type : "user_activity"
user: {},
​text: "",
button_references: {}
}

Attributes: 

The user object attributes

User object syntax:

{
   "id":user.get("id"), // Or pass a user ID directly as string 
   "name":user.get("name")}, 
 }

Example:

instant_button = {
    "label":"View Additional Information",
    "type":"invoke.function",
    "name":"profileedit",
    "id":"edit",
    "emotion":"positive"
};
elements = list();
elements.add(
    {
        "type":"title",
        "text":"Profile Information"
    }
);
elements.add(
    {
        "type":"user_activity",
        "user":
            {
                "id":"697322516",
                "name":"Priya Raman"
            },
        "text":"A seasoned product management expert at Zylker Organization who excels in crafting strategic product roadmaps and leading cross-functional teams.\t[Edit Profile]($1)",
        "button_references":{
            "1":instant_button
        }
    }
);
elements.add(
    {
        "type":"activity",
        "title":"Notable Works",
        "description":"Transformed Zoho Inventory at Zylker, streamlining workflows to improve logistics efficiency, speed up delivery timelines, and enhance supply chain coordination.",
		"image_url":"https://www.zoho.com/inventory/images/inventory-icon-preview.png"
        }
);
sections = list();
sections.add(
    {
        "id":1,
        "elements":elements
    }
);
return {
    "type":"applet",
    "tabs":[
        {
        "label":"Home",
        "id":"homeTab"
        }
    ],
    "active_tab":"homeTab",
    "sections":sections
};