# Custom Workflow Action: Adding Button for Iframe and Conditional UI Display

**URL:** <https://community.hubspot.com/t/custom-workflow-action-adding-button-for-iframe-and-conditional-ui-display/120704>\
**Category:** APIs & Integrations\
**Tags:** workflows\
**Created:** [November 18, 2024, 8:49am UTC](https://community.hubspot.com/t/custom-workflow-action-adding-button-for-iframe-and-conditional-ui-display/120704 "2024-11-18T08:49:49Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Gosiak](https://avatars.discourse-cdn.com/v4/letter/g/96bed5/32.png) [@Gosiak](https://community.hubspot.com/u/Gosiak)\
**Post date:** [November 18, 2024, 8:49am UTC](https://community.hubspot.com/t/custom-workflow-action-adding-button-for-iframe-and-conditional-ui-display/120704/1 "2024-11-18T08:49:49Z")

</div>

Hi HubSpot Community,

I’m building a custom extension for my public app to be used as a workflow action, and I have two questions about the UI configuration for the action:

1. **Adding a Button to Open an Iframe**  
Is it possible to include a button in the action configuration UI that, when clicked, opens an iframe to load an external page (e.g., for creating a new resource in our app with user input)?
2. **Conditional Display of Dropdown Field**  
I have a dropdown field in the UI whose options are fetched dynamically from an external source. If the external source returns an empty list of options, is it possible to hide the dropdown and display a custom message instead (e.g., “No lists found, please create one”)?

Any guidance or examples on how to achieve this would be greatly appreciated!

Thanks in advance!

---

<div class="post-metadata">

**Author:** ![Bhupendra\_Kumar](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/bhupendra_kumar/32/67536_2.png) [@Bhupendra\_Kumar](https://community.hubspot.com/u/Bhupendra_Kumar)\
**Post date:** [November 18, 2024, 9:37am UTC](https://community.hubspot.com/t/custom-workflow-action-adding-button-for-iframe-and-conditional-ui-display/120704/2 "2024-11-18T09:37:20Z")

</div>

Hi @Gosiak ,

**For 1 =** Yes you can add a button in the action which will open a modal popup and in that you can include the iframe with the url you want .

You have to create App Custom card in app developer account and them use this endpoint to define the actions

> **[Accounts Dashboard | HubSpot](https://app.hubspot.com/myaccounts?next=developerdocs&redirect=%2Fapi-reference%2Fcrm-public-app-crm-cards-v3%2Fguide)**

**For 2 =** Yes using the baove endpoints you can get and set the logical operations based on the properties values accordingly.

✔ Mark this answer as a solution if it helped you , to help other community members

---

<div class="post-metadata">

**Author:** ![03558](https://avatars.discourse-cdn.com/v4/letter/0/22d042/32.png) [@03558](https://community.hubspot.com/u/03558)\
**Post date:** [November 18, 2024, 12:43pm UTC](https://community.hubspot.com/t/custom-workflow-action-adding-button-for-iframe-and-conditional-ui-display/120704/3 "2024-11-18T12:43:17Z")

</div>

Thank you [@Bhupendra\_Kumar](https://community.hubspot.com/t5/user/viewprofilepage/user-id/857649) for the answer.

Sorry, I probably used incorrect naming. I am using [https://developers.hubspot.com/beta-docs/guides/api/automation/custom-workflow-actions](https://developers.hubspot.com/beta-docs/guides/api/automation/custom-workflow-actions) not extension. Is it possible to add a button that opens iframe and hide/show inputField based on fetching outcome?

---

<div class="post-metadata">

**Author:** ![Bhupendra\_Kumar](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/bhupendra_kumar/32/67536_2.png) [@Bhupendra\_Kumar](https://community.hubspot.com/u/Bhupendra_Kumar)\
**Post date:** [November 18, 2024, 1:03pm UTC](https://community.hubspot.com/t/custom-workflow-action-adding-button-for-iframe-and-conditional-ui-display/120704/4 "2024-11-18T13:03:38Z")

</div>

Hi @03558  
Yes , you have to define the ouput fields and then these fields values can be used in further logics to do any logical operation . Like show/hide in your case.