Customize buttons on Sharepoint for forms

Question

Hi Team Is there an example, if you want to customized a buttons(Request to Action, Submit for Approval, Submit-Rejected)? So that later on i can call these actions on my work flow on power automate?

Mithilesh Tata · Answer

If you want to create customized buttons with specific actions like "Request to Action," "Submit for Approval," and "Submit-Rejected" in your application, you can achieve this using React Native. Here's a simplified example demonstrating how you can create such buttons and trigger corresponding actions: import React from 'react'; import { View, TouchableOpacity, Text } from 'react-native'; const CustomButton = ({ title, onPress }) => ( {title} ); const App = () => { const handleRequestToAction = () => { // Perform action for "Request to Action" console.log("Request to Action triggered"); // You can call Power Automate workflow or any other logic here }; const handleSubmitForApproval = () => { // Perform action for "Submit for Approval" console.log("Submit for Approval triggered"); // You can call Power Automate workflow or any other logic here }; const handleSubmitRejected = () => { // Perform action for "Submit-Rejected" console.log("Submit-Rejected triggered"); // You can call Power Automate workflow or any other logic here }; return ( ); }; const styles = { container: { flex: 1, justifyContent: 'center', alignItems: 'center', }, button: { backgroundColor: 'blue', padding: 10, marginVertical: 10, borderRadius: 5, }, buttonText: { color: 'white', fontSize: 18, }, }; export default App; In this example: We create a CustomButton component that accepts title and onPress props. This component renders a TouchableOpacity with the provided title and triggers the corresponding onPress function when pressed. We define the App component where we define the actions ( handleRequestToAction , handleSubmitForApproval , handleSubmitRejected ) that should be triggered when the respective buttons are pressed. Inside each action function, you can implement the logic to call your Power Automate workflow or any other desired actions. You can integrate this code into your React Native application and customize it further based on your requirements. Later on, you can call these actions in your Power Automate workflow by integrating with your application's backend or APIs.

Tuhin Paul · Answer

Triggering the Actions in Power Automate Cloud Flows: In your Power Automate cloud flows, you can use the "When a flow button is pressed" trigger. This trigger fires whenever a button action is initiated from the Power Automate Desktop flow. Within the cloud flow, you can access the button label using dynamic content ("Action.Title") to identify which button was pressed and perform specific actions accordingly.

Tuhin Paul · Answer

Method 1: Using Cloud Buttons Create a Cloud Button Flow: Go to [invalid URL removed] and create a new "Automated cloud flow." Choose "When a HTTP request is received" as the trigger. Design your flow logic based on the button action (e.g., sending emails, updating records, etc.). Save the flow and copy the flow URL. Create Buttons in Power Automate Desktop: Open Power Automate Desktop. In your desktop flow, add a "Buttons" element. Configure each button with the desired label ("Request to Action", "Submit for Approval", "Submit-Rejected"). Set the "On Press" action for each button: Choose "Run a cloud flow." Paste the copied flow URL from step 1. Method 2: Using Adaptive Cards (More Advanced) Create an Adaptive Card Template: Go to https://adaptivecards.io/designer/. Design your card layout with buttons. Customize the title, text, and button titles ("Request to Action", "Submit for Approval", "Submit-Rejected"). Set the "Action.Http" property for each button with the URL of your cloud flow (created in step 1 of Method 1). Download the JSON code for the Adaptive Card. Use the Adaptive Card in Power Automate Desktop: In your desktop flow, add a "Send Adaptive Card" element. Paste the downloaded JSON code for the Adaptive Card.

Guest User · Answer

Hi Tata I am sorry was not clear enough, was talking directly from microsoft sharepoint. I see they got options to use like JSON to customize it and saw some examples on github as well for this.

Customize buttons on Sharepoint for forms

Answers (4)