web
You’re offline. This is a read only version of the page.
close
Skip to main content

Announcements

News and Announcements icon
Community site session details

Community site session details

Session Id :
Power Platform Community / Forums / Power Pages / Show modal on bottom
Power Pages
Answered

Show modal on bottom

(0) ShareShare
ReportReport
Posted on by 42

Hello, I would like to show the modal, but at the bottom, is there a way to send it to the bottom of the list?

 

modal.png

 

One way I've done is remove the position fixed, but I can't see it at all

remove fixed.png

 

Thanks you for the help.

Categories:
I have the same question (0)
  • oliver.rodrigues Profile Picture
    9,425 Most Valuable Professional on at

    I have a code here that I used some time ago, give it a go to see if it still works, you just need to define the logic for your button with a JS to close the modal and then append to the form

    var button = "<button></button>"; // add your button definition here
    $("#EntityFormPanel .tab-column").append(button);

     

  • Feder Profile Picture
    42 on at

    Hello @OliverRodrigues thank you for your help. 
    I'm confused, what do I need the button for? Actually it is the record that launches/shows the popup with the form.

    Thanks

  • oliver.rodrigues Profile Picture
    9,425 Most Valuable Professional on at

    apologies @alandres2628 that's what happens when I don't read the question properly 🤣🤣🤣

     

    not sure you can achieve that by using JS/CSS, what you are looking for is probably a bit more custom, so you would need to retrieve the data via API and show at the bottom of the list 

  • Feder Profile Picture
    42 on at

    Hi @OliverRodrigues  no problem! 😀

     

    It's just what I'm trying, with this:

     

     

    $(".entitylist.entity-grid").on("loaded", function () {
     $(this).children(".view-grid").find("td[data-attribute='v_name']").each(function () {
     var value = $(this).parent().attr("data-id");
     //$(this).wrapInner("<a href=\"/page-test/?id="+value+"\"</a>");
     $(this).wrapInner("<a onclick='showItems(`" + value + "`);'></a>");
     });
    });

     

     

    The line I have commented out would pass the GUID of the record and reload the page. I don't want that, the idea is that I make that call to a function, in my case showItems(value) and I pass the GUID

     

    And my question is: inside that function can I call Liquid code? and that liquid code has:

     

     

     

    {% assign categories = entities['category'] %}
    {% fetchxml options %}
    <fetch version="1.0" output-format="xml-platform" mapping="logical" distinct="false">
     <entity name="v_post" />
     <attribute name="v_postid" />
     <attribute name="v_name" />
     <order attribute="v_name" descending="false" />
     <filter type="and">
     <condition attribute="v_categoryid" operator="eq" value="{{categories.id}}">
     </filter>
    </entity> 
    </fetch>
    {% endfetchxml %}
     
    {% assign resultset = options.results.entities %}
    {% for option in resultset %}
    {{ option.name }} 
    {{ option.v_postid.name}}
    {% endfor %} -->

     

     

     

    Where to put all this liquid code? It can be a div created from the function.

     

    Thank you for your reply.

     

  • Verified answer
    Feder Profile Picture
    42 on at

    Hello everybody.

    I've solved this with a small tweak to the css.

     

    .modal-open {
     overflow: auto;
    }
    
    .modal {
     position: relative;
    }
    
    .modal-backdrop.in {
     opacity: 0;
    }

     

    Regards.

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

Introducing the 2026 Season 1 community Super Users

Congratulations to our 2026 Super Users!

Kudos to our 2025 Community Spotlight Honorees

Congratulations to our 2025 community superstars!

Leaderboard > Power Pages

#1
Lucas001 Profile Picture

Lucas001 17 Super User 2026 Season 1

#2
Haque Profile Picture

Haque 12

#2
CN-06091549-0 Profile Picture

CN-06091549-0 12

Last 30 days Overall leaderboard