Skip to main content

Notifications

Community site session details

Community site session details

Session Id : fBrdeK4UlotGzUwmdpNY6v
Power Pages - General Discussions
Answered

How to reference another page in the portal within a dataverse list?

Like (0) ShareShare
ReportReport
Posted on 3 Jul 2022 02:23:44 by 41

Hello Community.

 

Is it possible to add a page in a dataverse list where the user would click and would redirect them to a secured page I created under "Other Pages" in the portal, instead of using a URL? 

 

Thanks so much.

Categories:
  • ragavanrajan Profile Picture
    7,036 Most Valuable Professional on 06 Jul 2022 at 01:28:00
    Re: How to reference another page in the portal within a dataverse list?

    Cool @jakesh. Glad it worked. 

     

    Have fun. 

     

     

  • jakesh Profile Picture
    41 on 06 Jul 2022 at 01:24:21
    Re: How to reference another page in the portal within a dataverse list?

    @OliverRodrigues @ragavanrajan 

    I was able to get the code you guys provided to work for my goal! Thank you for your time and solutions. I had some help to debug the issue I was running into, and figured out I needed to remove the conditional statement referencing "value == URL" so that all the URLs got replaced with an icon or button of some sort. I also replaced data attribute to reference my column's logical name in dataverse. 

     

     

     

    $(document).ready(function () {
    
    console.log(555, "console loading");
    
    $(".entitylist.entity-grid").on("loaded", function () {
     
    
     $(this).children(".view-grid").find("td[data-attribute='columnlogicalname']").each(function (i, e){
    console.log(222, "name of column loading");
     var value = $(this).data(value);
    console.log("666value Var", value);
     var downloadElement="";
     downloadElement += "<a href='"+this.innerText+"'>";
     downloadElement += "<button type='button' class='btn btn-default btn-lg'>";
     downloadElement += "<span class='glyphicon glyphicon-plus' aria-hidden='true'/>";
     downloadElement += "</button>";
     downloadElement += " </a>";
     $(this).html(downloadElement);
     
    
     // }
    
    
     // else{
    
     // $(this).closest('tr').css("background-color", "#ffffff");
    
     // }
    
     });
    
     });
    
    });

     

    jakesh_0-1657070862132.png

     

     

  • jakesh Profile Picture
    41 on 04 Jul 2022 at 22:53:22
    Re: How to reference another page in the portal within a dataverse list?

    Thank you @Fubar .

    @Fubar or @ragavanrajan  I am not a JS developer. Could you help me on what exactly I need to replace in the code with my values to make it work? An icon would work well for me. It would be like a button the user can click on to get redirected to the Power BI embedded page.

     

    Greatly appreciate everyone's help in this thread.

  • Fubar Profile Picture
    7,842 Super User 2025 Season 1 on 04 Jul 2022 at 22:09:36
    Re: How to reference another page in the portal within a dataverse list?

    The out of the box List does not render a URL.  The work arounds to this are to either parse the List (JavaScript as per Jakesh post above), or create your own list using Liquid in a custom Web Template (or technically can also be in a Web Page - but not good practice).

  • jakesh Profile Picture
    41 on 04 Jul 2022 at 21:39:02
    Re: How to reference another page in the portal within a dataverse list?

    Hi @OliverRodrigues . I am not sure I understand, and thank you for your thoughts and time.

    • Have the Power BI report name in your custom table (no need for the URL I think)
      • I have the name of the Power BI report in the list in a column.
    • on your list, just add a link to either a details page
      • Do you mean a URL link, or what other type of link? I added the URL link into another column that references a page under "Other Pages" where the Power BI report is embedded. It doesn't look pretty to show the full hyperlink. This is what I am trying to resolve, to embed this hyperlink into an icon or into the Power BI report name.
    • you can either load a Basic Form (and hide fields via JS) or load a blank page and retrieve the record data via Liquid or Web API
      • What is the purpose of this solution? How does this link back to the list?
    • as you have the Power BI report name as part of your record, you can simply load it using Liquid based on the data of your record
      • What is the purpose of this solution? How does this link back to the list?

    In an Excel cell, you can embed a hyperlink into a text field. If I click on this underlined name, it will redirect me to a web page. This is what I am trying to achieve, rather than displaying the URL. I don't know why Power Apps/Pages/Dataverse makes this so hard. You would think it is something rudimentary.

    jakesh_0-1656970982114.png

     

  • oliver.rodrigues Profile Picture
    9,266 Most Valuable Professional on 04 Jul 2022 at 08:24:10
    Re: How to reference another page in the portal within a dataverse list?

    @jakesh would this solution solve your problem?:

    • Have the Power BI report name in your custom table (no need for the URL I think)
    • on your list, just add a link to either a details page
    • you can either load a Basic Form (and hide fields via JS) or load a blank page and retrieve the record data via Liquid or Web API
    • as you have the Power BI report name as part of your record, you can simply load it using Liquid based on the data of your record

    does this make sense?

  • Verified answer
    jakesh Profile Picture
    41 on 04 Jul 2022 at 03:28:11
    Re: How to reference another page in the portal within a dataverse list?

    Hi @ragavanrajan . 

     

    Does this code resolve just for one URL? The page will have dozens of URLs referencing multiple internal pages in Other Pages.

     

    Here's the code:

     

    $(document).ready(function () {
    
    console.log(555, "console loading");
    
    $(".entitylist.entity-grid").on("loaded", function () {
     
    
     $(this).children(".view-grid").find("td[data-attribute='crb3e_powerbiurl']").each(function (i, e){
    console.log(222, "name of column loading");
     var value = $(this).data(value);
    console.log("666value Var", value);
     if(value.value == "https://basictemplate.powerappsportals.com/payors/")
    
     {
     console.log(444, "condition triggering");
     var downloadElement="";
     downloadElement += "<a href='"+this.innerText+"'>";
     downloadElement += "<button type='button' class='btn btn-default btn-lg'>";
     downloadElement += "<span class='glyphicon glyphicon-phone' aria-hidden='true'/>";
     downloadElement += "</button>";
     downloadElement += " </a>";
     $(this).html(downloadElement);
     
    
     }
    
    
     else{
    
     $(this).closest('tr').css("background-color", "#ffffff");
    
     }
    
     });
    
     });
    
    });

     

     

  • jakesh Profile Picture
    41 on 04 Jul 2022 at 01:47:02
    Re: How to reference another page in the portal within a dataverse list?

    Hi @OliverRodrigues . Yes, this would be an internal page under "Other Pages".

     

    The requirement is to display a list of Power BI report names in a page so that users can click on the report name or icon, and it will redirect the user to a hidden "internal" portal page where the Power BI report/dashboard is embedded (via html liquid tag). The Power BI embedding page is on the "Other Pages" section where Access Denied and Page Not Found reside.

     

    Here's an example:

    As a user I will navigate to the Organization page where I can find a list of Power BI report names. From there I can click on the report name and it will redirect me to a Power BI Report page where the report is embedded. 

    jakesh_0-1656898998213.png

  • oliver.rodrigues Profile Picture
    9,266 Most Valuable Professional on 03 Jul 2022 at 11:05:12
    Re: How to reference another page in the portal within a dataverse list?

    Hi @jakesh I think this answers my question on the other thread

     

    can you explain a bit more your requirement? there might be a few different ways to achieve this 

  • Verified answer
    ragavanrajan Profile Picture
    7,036 Most Valuable Professional on 03 Jul 2022 at 09:09:34
    Re: How to reference another page in the portal within a dataverse list?

    Hi @jakesh 

     

    It is the same approach as your other question. Place your javascript and add the other pages URL in the value statement. 

    https://powerusers.microsoft.com/t5/Power-Apps-Portals/Entity-list-replace-ahref-text-to-display-icon/m-p/959544#M7751 

     

    Please have a look at the output section. All I was doing there was displaying a mobile icon and allowing user to redirect to other pages in Portal. 

     

    Hope it makes sense. 

     

    Hope it helps. 
    ------------

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

Under review

Thank you for your reply! To ensure a great experience for everyone, your content is awaiting approval by our Community Managers. Please check back later.

Helpful resources

Quick Links

🌸 Community Spring Festival 2025 Challenge 🌸

WIN Power Platform Community Conference 2025 tickets!

Markus Franz – Community Spotlight

We are honored to recognize Markus Franz as our April 2025 Community…

Kudos to the March Top 10 Community Stars!

Thanks for all your good work in the Community!

Leaderboard

#1
WarrenBelz Profile Picture

WarrenBelz 146,658 Most Valuable Professional

#2
RandyHayes Profile Picture

RandyHayes 76,287 Super User 2024 Season 1

#3
Pstork1 Profile Picture

Pstork1 65,999 Most Valuable Professional

Leaderboard
Loading started