Posts

Showing posts from January, 2024

Add Java Script and CSS in PowerApps Portal

Image
Hi Readers, In PowerApps Portals, you can use JavaScript and CSS to customize the appearance and behavior of your portal, including blog content. Here's a general guide on how you can add JavaScript and CSS to a PowerApps Portal for a blog: Open the Powerapps Portal and go to the particular form to Add Javascript and CSS. Copy " owner-operator-compare-survey " to this text form link as mentioned below. Open portal Management form PowerApps and jump to "Web Pages" as below. After that click on the "Partial URL" field and select Filter by option. Paste "owner-operator-compare-survey" into the blank box below and click  "Apply" . Once it's filtered we can see only one record on the web page. Open Record and Click on the "Advance" option.   Add Custom Javascript and Custom CSS based on requirements. Navigate to the " owner-operator-compare-survey" page on your portal and check that javascript and CSS are working...

Conditional Formatting a View in Power Portal using Javascript

Image
  Hi Readers, Conditional formatting in Power Portals allows you to dynamically style or format rows in a view based on certain criteria. Here's a step-by-step guide on how to achieve this. In the Power Apps Maker portal, navigate to the web page where you want to condition formatting. Open Entity for Add hyperlink into "Options" tab. Update Javascript as mentioned below in "Custom/javascript" box $ ( document ). ready ( function (){     var entityList = $ ( ".entitylist.entity-grid" ). eq ( 0 );     entityList . on ( "loaded" , function () {         entityList . find ( "table tbody > tr" ). each ( function ( index , tr ) {             var td = $ ( tr ). find ( 'td[data-attribute="statecode"]' );             var primaryColumn = $ ( tr ). find ( 'td[data-attribute="statecode"]' ). text ();             if ( primaryColumn == "Fulfilled" ) ...

Adding Hyperlink in PowerApps Portal Using Java script

Image
Hi Readers, Adding a hyperlink in a Power Apps Portal using JavaScript involves manipulating the HTML and JavaScript on the portal's web page. Below is a simple example to guide you through this process. In the Power Apps Maker portal, navigate to the web page where you want to add the hyperlink. Open Entity for Add hyperlink into "Options" tab. Update Javascript as mentioned below in "Custom/javascript" box. $(document).ready( function () { $( ".entitylist.entity-grid" ).on( "loaded" , function () { debugger ; $( this ).children( ".view-grid" ).find( "td[data-attribute='cr4a8_orderidnew']" ).each( function (){ debugger ; var orderid=$( this ).closest( 'tr' ).attr( "data-id" ); var ordernumber=$( this ).closest( 'td' ).attr( "data-value" ); var portalurl= '' ; var viewhyperlinkurl = portalurl+ "/orders/order-...

Change Caption in Power Portal

Image
Hi Readers, Changing the field caption in a Power Portal involves modifying the portal's entity form. here's a step-by-step guide on how you can achieve this: Navigate to Entity Forms: Edit the Entity Form: Open the entity form and click on the Options menu. Scroll down this page until the Grid Conformation menu and expand Override Column Attributes. Select the field for change caption After that update the Display name and click on to Save icon. Go to Portal and check the caption. Regards, Dharmendra Chavda