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

Notifications

Announcements

No record found.

Community site session details

Community site session details

Session Id :
Microsoft Dynamics CRM (Archived)

Portal - how to center align footer buttons after removing one?

(0) ShareShare
ReportReport
Posted on by 1,328

I removed the 'Browse the KB' button from the footer web template. Now the Create Case and Contact Us buttons are left-aligned. How do I center these two buttons?

3056.Capture6.PNG

*This post is locked for comments

I have the same question (0)
  • Suggested answer
    Summer Garg Profile Picture
    585 on at

    Hi,

    To modify it's HTML page, firstly you have to find it's Web Template which belongs to its page. After that you can change the HTML code as per your requirement.

    if you do not know about web template then check this article.

    [View:https://crmhub.blogspot.com/2018/01/Create-custom-web-page-in-d365-Portal.html:750:50]

    Note : web template contains HTML code of portal web page.

    Mark it verified if you get the answer

  • epark06 Profile Picture
    1,328 on at

    I've tried adding css to the Footer web template, but it is not centering the buttons. Can someone help with the code?

  • Aric Levin - MVP Profile Picture
    30,190 Moderator on at

    Please share the code that you have for the two buttons in order for us to see what you did. That way possibly someone can help you out.

  • Verified answer
    Dmytro Rutkovskyi Profile Picture
    1,835 on at

    Hi,

    As You have probably already found-out, you need to go to 

    1) CRM -> Portals - >Web Templates

    2) Select "Footer" Web-template (for your site)

    3) change footer section to something like:

    <section id="gethelp" class="page_section section-diagonal-right color-inverse {% substitution %}{% if page %}{% unless page.parent %}home-section{% endunless %}{% endif %}{% endsubstitution %} hidden-print">
      <div class="section-diagonal-right-content">
        <div class="container">
          <div class="row">
            <div class="col-sm-6 text-center">
    <a href="{{ createcase_url | escape }}" class="btn btn-info-home btn-lg-home" title="{{ snippets["case/CreateCase"] | default: resx['Create_Case_DefaultText'] | escape }}">{{ snippets["Case/CreateCase"] | default: resx['Create_Case_DefaultText'] | escape }}</a>
            </div>
             <div class="col-sm-6 text-center">
                <a href="{{ contactus_url | escape }}" class="btn btn-info-home btn-lg-home" title="{{ snippets["ContactUs"] | default: resx["Contact_Us"] | escape }}">{{ snippets["ContactUs"] | default: resx["Contact_Us"] | escape }}</a>
            </div>
          </div>
        </div>
      </div>
    </section>
    I have highlighted required styles - the Portals are build on bootstrap styles, so this styles are build  on 12-column wide page, and putting col-sm-6 say to take exactly half of the container width


  • epark06 Profile Picture
    1,328 on at

    Thanks! That did it.

  • epark06 Profile Picture
    1,328 on at

    Would someone also know how to change the default link for the "Contact Us" button on the footer? We want to use a different web page.

  • Verified answer
    Dmytro Rutkovskyi Profile Picture
    1,835 on at

    Just change href attribute of <a> tag to your custom page in the same template:

    <a href="{{ contactus_url | escape }}" class="btn btn-info-home btn-lg-home" title="{{ snippets["ContactUs"] | default: resx["Contact_Us"] | escape }}">{{ snippets["ContactUs"] | default: resx["Contact_Us"] | escape }}</a>

  • epark06 Profile Picture
    1,328 on at

    Thank you!

  • IFI Techsolutions Profile Picture
    35 on at

    Even I am stuck on the same issue. How did you remove the browse KB file?... I actually wanted to know how to remove these buttons, like were do i need to go for making the changes?..

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

Responsible AI policies

As AI tools become more common, we’re introducing a Responsible AI Use…

Neeraj Kumar – Community Spotlight

We are honored to recognize Neeraj Kumar as our Community Spotlight honoree for…

Leaderboard > 🔒一 Microsoft Dynamics CRM (Archived)

#1
SA-08121319-0 Profile Picture

SA-08121319-0 4

#1
Calum MacFarlane Profile Picture

Calum MacFarlane 4

#3
Alex Fun Wei Jie Profile Picture

Alex Fun Wei Jie 2

Last 30 days Overall leaderboard

Featured topics

Product updates

Dynamics 365 release plans