Hello Community,
I would like to get feedback and suggestions if using web files to store JavaScripts, so that we can easily re-apply the same JavaScript files to other web pages on the portal, is the right approach.
Basically, instead of putting the JavaScript directly on the web page itself, is the use of web files the right approach to do this? Or is there another suggested approach?
Please advise.
Thanks!
Solved! Go to Solution.
Hi @Anonymous,
This is a personal/project preference - do what works best for your team. As can be identified with my drastic preference difference from @UlrikkeAkerbæk, there is no true standard.
At a high level, I prefer to use Web Files - your code can easily live in source control, team members can use Admin Web Roles to upload the files directly in the Portal without CDS access, you can use liquid tags to control which files to upload and when - e.g. you can add a param for a script name for admins to test functionality, and then add the param to script tags, such as
{% assign is_admin = user | has_role: 'Administrators' %}
{% if params.useFile and is_admin %}
<script src="{{ params.fileName }}.js">
{% endif %}
I wrote a small tips document on this a few years ago and decided to host it on my site, if you want to check out a table with my pros & cons.
https://justinburch.com/powerapps-portal-development-tips/where-to-code/
Hey @Anonymous.
I put small global script functions in a global web template, and this web template is included in the website's footer web template. This way I only have one place to manage all the small functions. Even if you need to have three exact copies of the same web template it wouldn't be that hard to maintain if you use this approach across websites.
Libraries and bigger features are stored in js-files in Azure Blob Storage and added to the website the same way I include bootstrap and font awesome-libraries.
In addition I put script on the Entity Forms directly. Everyone on the team are restricted to keep scripts in one of these three locations and it works fine for us. Some small exceptions that are well documented and not business critical - mostly for design purposes and enhancing usability.
That's what I do for the most part. Looking forward to see what others do!
Thank you for a great question!
Hi @Anonymous,
This is a personal/project preference - do what works best for your team. As can be identified with my drastic preference difference from @UlrikkeAkerbæk, there is no true standard.
At a high level, I prefer to use Web Files - your code can easily live in source control, team members can use Admin Web Roles to upload the files directly in the Portal without CDS access, you can use liquid tags to control which files to upload and when - e.g. you can add a param for a script name for admins to test functionality, and then add the param to script tags, such as
{% assign is_admin = user | has_role: 'Administrators' %}
{% if params.useFile and is_admin %}
<script src="{{ params.fileName }}.js">
{% endif %}
I wrote a small tips document on this a few years ago and decided to host it on my site, if you want to check out a table with my pros & cons.
https://justinburch.com/powerapps-portal-development-tips/where-to-code/
@justinburch , you mentioned we can uploaded JavaScript files, but I am only able to upload css files.
I was able to rename the JavaScript files to the css extension, upload them to the portal, and then change the extension back inside the portal. Obviously this is very unintuitive.
Is there an easier way to upload files in general especially bulk? There's a bunch of font and image files I need to upload.
Hi @Swimburger,
You'll need to unblock the .js extension from the system's attachment blacklist.
Access the Advanced Settings as a System Admin
Navigate to Settings > Admin
System Settings > General tab > Scroll down to "Set blocked file extensions for attachments" and remove the text for js
After this, you will be able to upload JS files without issue. Note that this also means JS files can be sent through email and uploaded as attachments in general. The only other workaround I've used is to save the files as .txt, but upload as Web Files with the name/path of ".js".
I hope this helps.
@justinburch, thank you for the very fast reply.
I made that change but I still can only upload CSS files from the theme section.
I don't see how to upload files any other way.
Ahh.. sorry about that @Swimburger, I haven't worked with the Portal much in the last 7 months or so. This seems to be the Portal Studio tool, and I don't have a portal right now to show steps there, but hopefully these two options help. Apologies in advance, a lot of this is going off of memory.
I hope this helps!
All
We are using Web Files to store our common JS files etc. but have hit a snag in that we were about to apply a site setting for HTTP/X-Content-Type-Options to now be nosniff as a result of our portal site being PCI Tested. This then means that the Web Files need to have an explicit MIME Type added otherwise the files are rendered as plain/text and all common JScript functions do not then run in the browser. Has anyone found a way to set the mime type?
Episode Six of Power Platform Connections sees David Warner and Hugo Bernier talk to talk to Business Applications MVP Shane Young, alongside the latest news, product updates, and community blogs. Use the hashtag #PowerPlatformConnects on social media for a chance to have your work featured on the show! Show schedule in this episode: 0:00 Cold Open 00:24 Show Intro 01:02 Shane Young Interview 22:00 Blogs & Articles 22:20 Integrate FullCalendar.io with Power Pages 23:50 Text Data 25:15 Zero to Hero Power Apps Saga 25:44 Parent Hub Association 26:33 Using Custom Values for OneNote Power Automate References 28:04 Dynamics Power Israel 28:44 Create Beautiful Canvas Apps in Dataverse for Teams 30:36 Outro & Bloopers Check out the blogs and articles featured in this week’s episode: https://francomusso.com/integrate-fullcalendar-io-with-power-pages-from-json-basics-to-advanced-output-with-bootstrap-modal @crmbizcoach https://yerawizardcat.com/text/ @YerAWizardCat www.fromzerotoheroes.com/mentorship @thevictordantas https://www.expiscornovus.com/2023/03/16/parent-hub-association/ @Expiscornovus https://lindsaytshelton.com/2023/03/15/the-painful-process-of-custom-values-for-onenote-power-automate-references/ @lshelton_Tech https://never-stop-learning.de/create-beautiful-canvas-apps-in-dataverse-for-teams/ @MMe2K Action requested: Feel free to provide feedback on how we can make our community more inclusive and diverse. This episode premiered live on our YouTube at 12pm PST on Thursday 23rd March 2023. Video series available at Power Platform Community YouTube channel. Upcoming events: Business Applications Launch – April 4th – Free and Virtual! M365 Conference - May 1-5th - Las Vegas Power Apps Developers Summit – May 19-20th - London European Power Platform conference – Jun. 20-22nd - Dublin Microsoft Power Platform Conference – Oct. 3-5th - Las Vegas Join our Communities: Power Apps Community Power Automate Community Power Virtual Agents Community Power Pages Community If you’d like to hear from a specific community member in an upcoming recording and/or have specific questions for the Power Platform Connections team, please let us know. We will do our best to address all your requests or questions.
Super Users – 2023 Season 1 We are excited to kick off the Power Users Super User Program for 2023 - Season 1. The Power Platform Super Users have done an amazing job in keeping the Power Platform communities helpful, accurate and responsive. We would like to send these amazing folks a big THANK YOU for their efforts. Super User Season 1 | Contributions July 1, 2022 – December 31, 2022 Super User Season 2 | Contributions January 1, 2023 – June 30, 2023 Curious what a Super User is? Super Users are especially active community members who are eager to help others with their community questions. There are 2 Super User seasons in a year, and we monitor the community for new potential Super Users at the end of each season. Super Users are recognized in the community with both a rank name and icon next to their username, and a seasonal badge on their profile. Power Apps Power Automate Power Virtual Agents Power Pages Pstork1* Pstork1* Pstork1* OliverRodrigues BCBuizer Expiscornovus* Expiscornovus* ragavanrajan AhmedSalih grantjenkins renatoromao Mira_Ghaly* Mira_Ghaly* Sundeep_Malik* Sundeep_Malik* SudeepGhatakNZ* SudeepGhatakNZ* StretchFredrik* StretchFredrik* 365-Assist* 365-Assist* cha_cha ekarim2020 timl Hardesh15 iAm_ManCat annajhaveri SebS Rhiassuring LaurensM abm TheRobRush Ankesh_49 WiZey lbendlin Nogueira1306 Kaif_Siddique victorcp RobElliott dpoggemann srduval SBax CFernandes Roverandom schwibach Akser CraigStewart PowerRanger MichaelAnnis subsguts David_MA EricRegnier edgonzales zmansuri GeorgiosG ChrisPiasecki ryule AmDev fchopo phipps0218 tom_riha theapurva takolota Akash17 momlo BCLS776 Shuvam-rpa rampprakash ScottShearer Rusk ChristianAbata cchannon Koen5 a33ik AaronKnox Matren Alex_10 Jeff_Thorpe poweractivate Ramole DianaBirkelbach DavidZoon AJ_Z PriyankaGeethik BrianS StalinPonnusamy HamidBee CNT Anonymous_Hippo Anchov KeithAtherton alaabitar Tolu_Victor KRider sperry1625 IPC_ahaas zuurg rubin_boer cwebb365 If an * is at the end of a user's name this means they are a Multi Super User, in more than one community. Please note this is not the final list, as we are pending a few acceptances. Once they are received the list will be updated.
We are excited to share the ‘Power Platform Communities Front Door’ experience with you! Front Door brings together content from all the Power Platform communities into a single place for our community members, customers and low-code, no-code enthusiasts to learn, share and engage with peers, advocates, community program managers and our product team members. There are a host of features and new capabilities now available on Power Platform Communities Front Door to make content more discoverable for all power product community users which includes ForumsUser GroupsEventsCommunity highlightsCommunity by numbersLinks to all communities Users can see top discussions from across all the Power Platform communities and easily navigate to the latest or trending posts for further interaction. Additionally, they can filter to individual products as well. Users can filter and browse the user group events from all power platform products with feature parity to existing community user group experience and added filtering capabilities. Users can now explore user groups on the Power Platform Front Door landing page with capability to view all products in Power Platform. Explore Power Platform Communities Front Door today. Visit Power Platform Community Front door to easily navigate to the different product communities, view a roll up of user groups, events and forums.
We are so excited to see you for the Microsoft Power Platform Conference in Las Vegas October 3-5 2023! But first, let's take a look back at some fun moments and the best community in tech from MPPC 2022 in Orlando, Florida. Featuring guest speakers such as Charles Lamanna, Heather Cook, Julie Strauss, Nirav Shah, Ryan Cunningham, Sangya Singh, Stephen Siciliano, Hugo Bernier and many more. Register today: https://www.powerplatformconf.com/
Create business websites with rich capabilities—no coding required. Whether you’re a no-code, low-code, or code-first developer, Power Pages empowers you to build low-code, scalable, and secure business-centric websites. With pre-built templates and tools to govern and administer your live sites, this comprehensive website building and hosting platform is truly a one-stop shop. At Microsoft Build in May 2022, Power Pages joined the Microsoft Power Platform family as a new standalone product available in preview. Power Pages’ customer momentum has been evident, as it now serves over 100 million monthly active website users across industries worldwide from state and local government to manufacturing, financial services, high-tech, healthcare providers, higher education, and non-profit. Now, at Microsoft Ignite, we are announcing Power Pages’ general availability. With Power Pages, you’ll discover how to: Create with ease using the Design Studio. The Design Studio enables makers to easily create modern, data-centric business websites for desktop or mobile without writing a single line of code. With new updates designed to support low-code and no-code solutions, makers can now effortlessly build multi-step forms that include document uploads with the Pages and Data Workspaces. Other updates include the ability to add custom CSS in the Styling Workspace. Choose from 16 NEW Business Solutions templates. Within the Templates Hub, makers can pick from a range of responsive, customizable templates to jumpstart their website building journey—including 16 new business solution templates with patterns for processing building permits, managing after-school activity registrations, and managing client appointments. You can also extend Microsoft Dynamics 365 applications to your customers, partners, suppliers, and vendors with templates for customer self-service, community self-service, and partner relationship management. Get up to speed with the new Tutorial section in Learn Hub. Makers can explore helpful training materials on Power Pages capabilities—from different perspectives and dimensions—directly in the Power Pages platform with Learn Hub. A newly added Tutorials section offers even more support to pro and citizen developers alike, including embedded How-To videos and documentation. Extend your pages with advanced pro-developer tools. Go beyond low-code with advanced pro-developer capabilities that allow makers to fine-tune and extend their web pages as needed. New updates to pro-dev tooling include the integration of Power Pages Design Studio with Visual Studio (VS) Code Web. VS Code Web is a free, zero-install Microsoft Visual Studio Code experience entirely in your browser. This integration enables fusion team members to quickly and safely browse and edit source code for web page content (HTML and Liquid), web page-styles (CSS), and web page-scripts (JavaScript) and sync it back to the Design Studio. This allows for a seamless round-trip experience between Power Pages’ no-code Design Studio to the code-first VS Code Web. Gain enhanced security and governance. Building upon Power Pages’ secure and reliable platform, new security and governance updates include turnkey integration with Microsoft Azure Web Application Firewall, Content Delivery Network (CDN) support with Azure Front Door, and support for custom domains. A new go-live checklist simplifies site verification prior to going live, which provides total control over when the site becomes public. Licensing available as prepaid or pay-as-you-go. Power Pages subscription licensing is now based on monthly authenticated and anonymous users per website, making it easier than ever before to choose the right licensing options for your business needs. And with both prepaid and pay-as-you-go subscription options, you’ll have the flexibility to consider website seasonality, budgeting, and forecasting. Learn more about Power Pages licensing. Seamless transitions for current Power Apps portals customers. Now that Power Pages is generally available, Power Apps portals makers can also leverage Power Pages’ low-code capabilities with access to the Design Studio, Learn Hub, and Templates Hub. Power Pages is already in action around the world. With key customer scenarios spanning from sales to government services, Power Pages websites are serving millions of users around the world today: Degrees of Change creates an intuitive application process for students. The organization uses Microsoft Power Platform solutions in a variety of ways and most recently for their Seed Internships program. The intuitive application process enables students to apply to multiple internship opportunities at once. King County delivers critical services more efficiently. To better serve constituents, the King County Department of Information Technology developed over 200 solutions on Microsoft Power Platform, including Power Pages sites used to support health services, submit property and tax information, and manage event registration. City of Kobe provides financial assistance information to citizens during COVID-19. Shortly after the Japanese government launched a financial assistance program for citizens as part of its COVID-19 response, the City of Kobe became overwhelmed by high call volumes. The City of Kobe then developed and launched a site that reduced calls by 90 percent and greatly improved the program’s efficacy. Rockwell Automation brings visibility and new capabilities to sellers. Fortune 500 company Rockwell Automation provides industrial automation and digital transformation solutions to global customers. The company uses Power Pages to build portals with Dynamics 365 Sales to help automate manual selling processes. Learn more about Power Pages. Check out all of Power Pages capabilities and sign up for Power Pages to get started. Join the new community for Power Pages today and share what you discover with other users like you: https://aka.ms/PowerPagesCommunity. There’s so much to learn and share in our Power Pages Community, and it’s people like you who make the difference. Ask a question in the forums. https://aka.ms/PowerPagesCommunityForums Write a blogpost and share what you’ve learned. https://aka.ms/PowerPagesCommunityBlog Bookmark for upcoming News & Announcements. https://aka.ms/PowerPagesCommunityNews Share a Power Pages sample. https://aka.ms/PowerPagesCommunitySamples Watch or share a Power Pages webinar or training video: https://aka.ms/PowerPagesCommunityVideos Check out our Community Connections Videos and how to videos for using the online community. https://aka.ms/PowerPagesCommunityConnectVideos Want to be featured in an upcoming Community Connections video on how you are using Power Pages? Fill in this form.
Welcome to the Power Pages Community! You're now a part of a vibrant group of peers and industry experts who are here to network, share knowledge, and even have a little fun. Now that you're a member, you can enjoy the following resources: The Power Pages Community Forums The forums are also a great place to connect with other Power Pages community members. Check the News & Announcements section for community highlights, find out about the latest community news, and learn about the Community Team. Share your feedback, earn custom profile badges, enter challenges to win prizes, and more. Community Blog Our community members have learned some excellent tips and have keen insights on the future of business analysis. Head on over to the Community Blog to read the latest posts from around the world. Let us know if you'd like to become an author and contribute your own writing — everyone is welcome. And that’s not all, we have Galleries of additional information such as the Community Connections & How To Videos & Webinars & Video Gallery and more to motivate, educate and inspire you. Again, welcome to the Power Pages community family, we are so happy you have joined us! Whether you are brand new to the world of data or you are a seasoned veteran - our goal is to shape the community to be your ‘go to’ for support, networking, education, inspiration and encouragement as we enjoy this adventure together! Let us know in the Community Feedback forum if you have any questions or comments about your community experience, but for now – head on over to the forums Get Help with Power Pages and dive right in! To learn more about the community and your account be sure to visit our Community Support Area. We look forward to seeing you in the Power Pages Community! The Power Pages Community Team
User | Count |
---|---|
2 | |
1 | |
1 | |
1 | |
1 |