Using our powerful Apps framework and sample projects, easily build new Apps.
CARD-BADGES - icons or symbols that represent actions on your cards
![](https://uploads-us-west-2.insided.com/pipefy-en/attachment/32853ae5-9d0a-42a7-a55a-79c0358ffb11.png)
Add badges to closed card, you can use the Live version when you need to get other card data, make external requests or need to have a refresh interval. You can use the Fixed version if you don't need that.
![](https://uploads-us-west-2.insided.com/pipefy-en/attachment/505a01dd-8dbc-42a2-95ba-c0570fbf04c2.png)
Receive
- p: Pipefy Client
- context: Object with Pipe and Card
![](https://uploads-us-west-2.insided.com/pipefy-en/attachment/7078c2f7-0ec3-4071-b534-4ccf41ec79e3.png)
Return
Expect to return an Array of card badges
Live
- live: Expect to return Promise that resolves a Card badge object, same options from Fixed example
- refreshInterval: Number of seconds to refresh and call live function. Minimum of 20 seconds
Fixed
- text: Text to be displayed inside badge
- icon: SVG relative path or full URL, svg fill color must be equal to #9AAABE
- color: Background colors, available options are
,red
,yellow
andgreen
.blue
- title: HTML Title that will be displayed when user hover the badge
CARD-BUTTONS - Activate a feature on a card with a clickable button.
![](https://uploads-us-west-2.insided.com/pipefy-en/attachment/7e5a400b-1ee8-4dc7-94a8-fa50763674ad.png)
Add buttons on top of Card, these buttons could open dropdowns to show more options, modals or sibebars.
Example (Sprint app), open dropdown after:
![](https://uploads-us-west-2.insided.com/pipefy-en/attachment/d465a6f3-fcf8-4dfa-b80a-e15ee0939c5d.png)
Receive
- p: Pipefy Client
- pipe: Pipe object
{ id: '23dfu', name: 'Hotdog app }
Return
- icon: SVG relative path, svg fill color must be equal to #0081FF
- text: Button name
- callback: Function that will be executed when user clicks on button, receive the Client object.
CARD-TAB - Attach related information to a card with tabs.
![](https://uploads-us-west-2.insided.com/pipefy-en/attachment/e6762c39-d3ff-4814-86ca-b9f4868bb3df.png)
Add new tab to card, each tab create a new button inside open card
Example (Github app):
![](https://uploads-us-west-2.insided.com/pipefy-en/attachment/a6de4ee4-4550-4804-a0ae-4d4a75c0be77.png)
Receive
- p: Pipefy Client
- pipe: Pipe object
{ id: '23dfu', name: 'Hotdog app }
Return
- icon: SVG relative path, svg fill color must be equal to #0081FF
- title: Tab title
- url: Relative URL to the iframe, will be responsible to render Tab content.
- claimedAttachments: Expect a function that will receive all attachments and return attachments that this app owns.
- buttons: Buttons that will be rendered at the bottom of tab, expect array of Buttons with
andtext
callback
PIPE-BUTTONS - Buttons on pipes that reveal dropdown options, modals or sidebars.
![](https://uploads-us-west-2.insided.com/pipefy-en/attachment/6cad91e6-f025-4c35-b92e-875ce38c7d79.png)
Add buttons on top of Pipe, these buttons could open dropdowns to show more options, modals or sibebars.
Example (Sprint app), open dropdown after:
![](https://uploads-us-west-2.insided.com/pipefy-en/attachment/5fc6f818-71f6-44d8-a623-eca44c08d225.png)
Receive
- p: Pipefy Client
- pipe: Pipe object
{ id: '23dfu', name: 'Hotdog app }
Return
- icon: SVG relative path, svg fill color must be equal to #FFFFF
- text: Button title
- callback: Function that will be called when user clicked on the button
- url: Open URL provided instead of using callback
- target: URL HTML link target Ex.: blank