Bhubaneswar, Odisha, India
+91-8328865778
support@softchief.com

Web Template v/s Page Template v/s Web Page in Power Portal

Web Template v/s Page Template v/s Web Page in Power Portal

In Power Portal, Web pages are the final page that renders on browser but the web page construction depends on Page template and web template.

Let us understand the relation between these three components.

Web Template

In Power Portal, web templates are the top-tier content records. They can work with HTML, CSS, JS, jQuery and Liquid code (server-side code) that you provide. Once you’ve saved your web template, it’ll run through your code and output the contents to all of the web pages that are linked to it. You can think of Web templates as Master pages and define common content that can inherit by web pages.

Web Templates are components inside power portal. You can write html, css, js, jquery and liquid on web template. sample code given below.

{% extends 'Layout 2 Column Wide Left' %}

{% block main %}
  {% include 'Page Copy' %}
  
  {% if page.adx_entitylist %}
    {% include 'entity_list' key: page.adx_entitylist.id %}
  {% endif %}
  
  {% if page.adx_entityform %}
    {% entityform id: page.adx_entityform.id %}
  {% endif %}
  
  {% if page.adx_webform %}
    {% webform id: page.adx_webform.id %}
  {% endif %}
  
  <div class="page-metadata clearfix">
    {% editable snippets "Social Share Widget Code Page Bottom" type: 'text' %}
  </div>
{% endblock %}

{% block aside %}
  {% include "Weblink List Group" weblink_set_name: "Secondary Navigation" showdescriptions: true %}
  {% include "poll" poll_placement_name: "Sidebar" %}
  {% include "ad" ad_placement_name: "Sidebar Bottom" %}
{% endblock %}

Page Template

Page templates are the indicators. Page template indicates whether a web page will render a web template or it will load an external web page hosted in other domains.

Web template connected page template given below.

External Web Page template given below.

Web Page

Web pages represent a URL in the portal and is a core entity in the content management system. They sit within their own hierarchy and can have parent and child pages. A web page can connect to a page template.

Multiple web pages may contain same page template. Multiple page template may contain same web template.

It depends on you that a web page contains a web template or external webpage decided by page template.

Hope this helps

Follow my blog for more trending topics on Dynamics 365, Azure, C#, Power Portals and Power Platform. For training, Courses and consulting, call to us at +91 832 886 5778 I am working more for community to share skills in Dynamics 365 and Power Platform. Please support me by subscribing my YouTube Channel. My YouTube Channel link is this : https://www.youtube.com/user/sppmaestro

You can enroll now !We are giving 30% discount on our Internship Program

Don’t miss the chance to participate in the upcoming Internship Program which will be done using Microsoft Dot Net Web Development Full Stack Technology. The new batch will be starting from May 20, 2024.  We will have most experienced trainers for you to successfully complete the internship with live project experience.

Why to choose Our Internship Program?

Industry-Relevant Projects
Tailored Assignments: We offer projects that align with your academic background and career aspirations.
Real-World Challenges: Tackle industry-specific problems and contribute to meaningful projects that make a difference.

Professional Mentorship
Guidance from Experts: Benefit from one-on-one mentorship from seasoned professionals in your field.
Career Development Workshops: Participate in workshops that focus on resume building, interview skills, and career planning.

Networking Opportunities
Connect with Industry Leaders: Build relationships with professionals and expand your professional network.
Peer Interaction: Collaborate with fellow interns and exchange ideas, fostering a supportive and collaborative environment.

Skill Enhancement
Hands-On Experience: Gain practical skills and learn new technologies through project-based learning.
Soft Skills Development: Enhance communication, teamwork, and problem-solving skills essential for career success.

Free Demo Class Available