cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
martindoll
Helper I
Helper I

URL Field on form launch without showing all the value of the field.

I have a URL field on a form in my portal.  I Want to either:

Create a button and redirect it to the value of that field

or

Create a redirect that can have the Redirect URL value set to the URL field mentioned above.

Or is there another way...I like the idea of a clean button.....

I assume it has to be in Javascript on the form....but I'll let you all tell me.

 

Thansk.

2 ACCEPTED SOLUTIONS

Accepted Solutions
EmadBeshai
Super User
Super User

Hi @martindoll ,

 

You can write code similar to the below 

 

$( document ).ready(function() {

$("#<field name>").closest("td").find("div.control, div.info").hide(); // show();
// Sample to how to add button and palcing it after specific HTML element 
$(`<input type="button" name="button1" value="button1" onclick="javascript&colon;navigationFn();" id="button1"class="btn btn-primary button next submit-btn">`).insertAfter($($("#<HTML Element Id>").parent())); //This is how you will place this button on your form.

});
//Navigation function
function navigationFn(){
//Getting the field value
   var fieldvalue=$('#<field name>').val();
 window.location = fieldvalue;
}

 

 

At the about I pasted a sample code on how to get the field value, hiding it  and passing the field value to button to pass it to function to navigate to the URL inside this field.

 

You can find more about how to show and hide elements at @OliverRodrigues 's blog and much more of the very rich content, I advise you to read it.

Power Apps Portals – JavaScript Tip #01 – Hide & Show Elements – Oliver Rodrigues (oliverrodrigues36...

 

If this post helps you with your problem, please mark your as Accepted Solution.

If you like my response, please give it a Thumbs Up.

View solution in original post

EmadBeshai
Super User
Super User

Hi @martindoll ,

 

The HTML element here is referring to the place you want to place your button beside, so at the below screenshot I have search box and let say I want to place my button beside this search, so to be able to do that I will find a unique identifier for the search box (the HTML Element I'm referring to) like the element id or unique CSS class, then I will place my button beside it.

 

EmadBeshai_0-1698742240814.png

Here I'm trying that at the browser console before making any changes to my Custom JS

EmadBeshai_1-1698742316699.png

 

Please read more about using jQuery to be able to get the full control against your custom JS jQuery insertAfter() Method (w3schools.com)

 

If this post helps you with your problem, please mark this answer as Accepted Solution.
If you like my response, please give it a Thumbs Up.

View solution in original post

13 REPLIES 13
EmadBeshai
Super User
Super User

Hi @martindoll ,

 

I would go with your idea by creating button that redirects to the field URL and hide the field 

 

If this post helps you with your problem, please mark your as Accepted Solution.

If you like my response, please give it a Thumbs Up.

OliverRodrigues
Super User
Super User

Agreed with Emad, do you need help with that JS? technically all you needs is to retrieve the value of the field / hide the field / add a button instead




If you like this post, give a Thumbs up. Where it solved your request, Mark it as a Solution to enable other users find it.

Power Pages Super User | MVP


Oliver Rodrigues


 

So, yes, what would the js look like in the Power Pages Custom Java area?

EmadBeshai
Super User
Super User

Hi @martindoll ,

 

You can write code similar to the below 

 

$( document ).ready(function() {

$("#<field name>").closest("td").find("div.control, div.info").hide(); // show();
// Sample to how to add button and palcing it after specific HTML element 
$(`<input type="button" name="button1" value="button1" onclick="javascript&colon;navigationFn();" id="button1"class="btn btn-primary button next submit-btn">`).insertAfter($($("#<HTML Element Id>").parent())); //This is how you will place this button on your form.

});
//Navigation function
function navigationFn(){
//Getting the field value
   var fieldvalue=$('#<field name>').val();
 window.location = fieldvalue;
}

 

 

At the about I pasted a sample code on how to get the field value, hiding it  and passing the field value to button to pass it to function to navigate to the URL inside this field.

 

You can find more about how to show and hide elements at @OliverRodrigues 's blog and much more of the very rich content, I advise you to read it.

Power Apps Portals – JavaScript Tip #01 – Hide & Show Elements – Oliver Rodrigues (oliverrodrigues36...

 

If this post helps you with your problem, please mark your as Accepted Solution.

If you like my response, please give it a Thumbs Up.

martindoll
Helper I
Helper I

Thanks you so much....I appreciate the help.

 

EmadBeshai
Super User
Super User

Hi @martindoll ,

 

My Pleasure!

martindoll
Helper I
Helper I

Hey if I could ask 2 things of this script....(I am having a hard time finding examples of these scripts)

 

  1. On your script  the line var fieldvalue=$('#<field name>').val();
    1. Is this the correct syntax if my field name is aqu_wcrurl?
      1. var fieldvalue=$('#<aqu_wcrurl>')
    2. Also the line part .insertAfter($($("#<HTML Element Id>")
      1. What is this supposed to be replaced with....what in the html should this be

I figured out #1 in my reply....the field is hidden now.....but I can't find what to populate in the Element id...where to see the html for the particular form.

EmadBeshai
Super User
Super User

Hi @martindoll ,

 

The HTML element here is referring to the place you want to place your button beside, so at the below screenshot I have search box and let say I want to place my button beside this search, so to be able to do that I will find a unique identifier for the search box (the HTML Element I'm referring to) like the element id or unique CSS class, then I will place my button beside it.

 

EmadBeshai_0-1698742240814.png

Here I'm trying that at the browser console before making any changes to my Custom JS

EmadBeshai_1-1698742316699.png

 

Please read more about using jQuery to be able to get the full control against your custom JS jQuery insertAfter() Method (w3schools.com)

 

If this post helps you with your problem, please mark this answer as Accepted Solution.
If you like my response, please give it a Thumbs Up.

Helpful resources

Announcements

Check Out the February 2024 Dynamics 365 Newsletter

Some of our most active Power Platform Community members are also active in our D365 Community. This month, we are excited to share the latest news from the D365 Community with you.   Our Dynamics365 Community has updated yet again! Since launching in June of 2023, the new Community has seen consistent updates and exciting new ways to feature and celebrate its members. In the latest edition of the Dynamics365 Community newsletter, you can see the new Leaderboard feature! This feature showcases which Community members have earned the most points over the previous month, enabling them to see how they are doing with their engagement--and their progress toward Super User status. Visit the leaderboard for yourself: https://aka.ms/d365clb     Read the whole newsletter featuring the new leaderboard as well as the D365 Monthly Community Member spotlight, FastTrack Tech Talks, upcoming events, and more. February 2024 Dynamics 365 Community Newsletter

Celebrating a New Season of Super Users with Charles Lamanna, CVP Microsoft Business Applications

February 8 was the kickoff to the 2024 Season One Super User program for Power Platform Communities, and we are thrilled to welcome back so many returning Super Users--as well as so many brand new Super Users who started their journey last fall. Our Community Super Users are the true heroes, answering questions, providing solutions, filtering spam, and so much more. The impact they make on the Communities each day is significant, and we wanted to do something special to welcome them at our first kickoff meeting of the year.   Charles Lamanna, Microsoft CVP of Business Applications, has stressed frequently how valuable our Community is to the growth and potential of Power Platform, and we are honored to share this message from him to our 2024 Season One Super Users--as well as anyone who might be interested in joining this elite group of Community members.     If you want to know more about Super Users, check out these posts for more information today:    Power Apps: What is A Super User? - Power Platform CommunityPower Automate: What is A Super User? - Power Platform Community Copilot Studio: What is A Super User? - Power Platform Community Power Pages: What is A Super User? - Power Platform Community

January 2024 Community Newsletter

Welcome to our January Newsletter, where we highlight the latest news, product releases, upcoming events, and the amazing work of our outstanding Community members. If you're new to the Community, please make sure to follow the latest News & Announcements in each Community and check out the Community on LinkedIn as well! It's the best way to stay up-to-date in 2024 with all the news from across Microsoft Power Platform and beyond.      COMMUNITY HIGHLIGHTS Check out the most active community members of the last month! These hardworking members are posting regularly, answering questions, giving (and receiving!) kudos, and consistently providing top solutions in their communities. We are so thankful for each of you--keep up the great work! If you hope to see your name here next month, make it your New Year's Resolution to be more active in the community in 2024.   Power AppsPower AutomateCopilot StudioPower PagesWarrenBelzWarrenBelzPstork1saudali_25LaurensMPstork1stephenrobertLucas001AARON_ClbendincpaytonSurendran_RANBNived_NambiarMariamPaulachanNikhil2JmanriqueriosANBJupyter123rodger-stmmbr1606Agniusstevesmith27mandelaPhineastrice602AnnaMoyalanOOlashynBCLS776grantjenkinsExpiscornovusJcookSpongYeAARON_CManishSolankiapangelesPstork1ManishSolankiSanju1Fubar   LATEST NEWS Power Platform 2024 Release Wave Highlights This month saw the 2024 Release Wave 1 plans for Microsoft Power Platform and Microsoft Dynamics 365- a compilation of new capabilities planned for release between April and September 2024. Click here to read Corporate Vice President Maureen (Mo) Osborne's detailed breakdown of the upcoming capabilities, and click the image below to check out some of the Power Platform 2024 Release Wave 1 highlights.     "What's New" Power Platform Shorts Series This month we also launched our brand-new 'Power Shorts' series on YouTube - a selection of super sweet snapshots to keep you in the loop with all the latest trends from across the Power Platform and beyond. Click the image below to check out the entire playlist so far, and don't forget to subscribe to our YouTube channel for all the latest updates.   Super User In Training (S.U.I.T) It was great to see the Power Platform Community officially kick off Season One of their Super User in Training (SUIT) program this month! Their first meeting saw an amazing turnout of over 300 enthusiastic participants who started their dynamic journey toward becoming Super Users. Huge thanks to Manas Maheshwari, Eric Archer, Heather Hernandez, and Duane Montague for a fantastic kick-off. The first meeting also saw seasoned Super User, Drew Poggemann, share invaluable insights on navigating the #MicrosoftCommunity with finesse. Many thanks to Drew for setting the stage and emphasizing the importance of active engagement and the art of providing thoughtful community solutions. If you want to learn more about the features and benefits of gaining Super User status, click the image below to find out more, and watch this space for more info about Season Two and how you can SUIT UP in the community!     UPCOMING EVENTS Microsoft 365 Community Day - Miami - February 1-2, 2024 It's not long now until the Microsoft 365 Community Day Miami, which will be taking place at the Wolfson Campus at Miami Dade College on 1-2 Feb. 2024. This free event is all about unlocking the full potential of Power Platform, Microsoft 365, and AI, so whether you’re a tech enthusiast, a business owner, or just curious about the latest Microsoft advancements, #M365Miami is for you.   The event is completely free and there will sessions in both English and Spanish to celebrate the vibrant and diverse make-up of our amazing community. Click the image below to join this amazing Community Day in Miami and become a part of our incredible network of learners and innovators!     Microsoft Fabric - Las Vegas - March 26-28, 2024 Exciting times ahead for the inaugural #MicrosoftFabric Community Conference on March 26-28 at the MGM Grand in Las Vegas. And if you book now, you can save $100 off registration! The Microsoft Fabric Conference will cover all the latest in analytics, AI, databases, and governance across 150+ sessions.   There will be a special Community Lounge onsite, interactive learning labs, plus you'll be able to 'Ask the Experts' all your questions to get help from data, analytics, and AI specialists, including community members and the Fabric Customer Advisory Team. Just add the code MSCUST when registering for a $100 discount today. Click the image below to find out more about the ultimate learning event for Microsoft Fabric!     Microsoft 365 Conference - Orlando - April 30 - May 2, 2024 Have you added The Microsoft 365 Conference to your community calendar yet? It happens this April 30th - May 2nd in Orlando, Florida. The 2024 Microsoft 365 Conference is one of the world’s largest gatherings of Microsoft engineers and community, with a strong focus on Power Platform, SharePoint, Azure, and the transition to an AI-powered modern workplace.   Click the image link below to find out more and be prepared to be enlightened, educated, and inspired at #M365Conf24!   LATEST COMMUNITY BLOG ARTICLES Power Apps Community Blog Power Automate Community Blog Copilot Studio Community Blog Power Pages Community Blog Check out 'Using the Community' for more helpful tips and information: Power Apps, Power Automate, Copilot Studio, Power Pages  

Super Users 2024 Season One is Here!

   We are excited to announce the first season of our 2024 Super Users is here! Our kickoff to the new year welcomes many returning Super Users and several new faces, and it's always exciting to see the impact these incredible individuals will have on the Community in 2024! We are so grateful for the daily difference they make in the Community already and know they will keep staying engaged and excited for all that will happen this year.   How to Spot a Super User in the Community:Have you ever written a post or asked for help in the Community and had it answered by a user with the Super User icon next to their name? It means you have found the actual, real-life superheroes of the Power Platform Community! Super Users are our heroes because of the way they consistently make a difference in the Community. Our amazing Super Users help keep the Community a safe place by flagging spam and letting the Community Managers know about issues. They also make the Community a great place to find answers, because they are often the first to offer solutions and get clarity on questions. Finally, Super Users share valuable insights on ways to keep the Community growing, engaging, and looking ahead!We are honored to reveal the new badges for this season of Super Users! Congratulations to all the new and returning Super Users!     To better answer the question "What is a Super User?" please check out this article: Power Apps: What is A Super User? - Power Platform CommunityPower Automate: What is A Super User? - Power Platform Community Copilot Studio: What is A Super User? - Power Platform Community Power Pages: What is A Super User? - Power Platform Community

Did You Attend the Microsoft Power Platform Conference in 2022 or 2023? Claim Your Badge Today!

If you were one of the thousands of people who joined us at the first #MPPC Microsoft Power Platform Conference in 2022 in Orlando--or attended the second-annual conference in Las Vegas in 2023--we are excited to honor you with a special community badge! Show your support for #MPPC Microsoft Power Platform Conference this year by claiming your badge!           Just follow this link to claim your badge for attending #MPPC in 2022 and/or 2023: MPPCBadgeRequest    Want to earn your badge for 2024? Just keep watching our News & Announcements for the latest updates on #MPPC24.

Microsoft Power Platform | 2024 Release Wave 1 Plan

Check out the latest Microsoft Power Platform release plans for 2024!   We have a whole host of exciting new features to help you be more productive, enhance delegation, run automated testing, build responsive pages, and so much more.    Click the links below to see not only our forthcoming releases, but to also try out some of the new features that have recently been released to market across:     Power Apps  Power Automate  Copilot Studio   We can’t wait to share with you all the upcoming releases that will help take your Power Platform experience to the next level!    Check out the entire Release Wave: Power Platform Complete Release Planner 

Users online (4,193)