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.