Skip to main content

Notifications

Announcements

No record found.

News and Announcements icon
Dynamics 365 Community / Forums / Customer Insights - Journeys forum / Using Bootstrap with M...
Customer Insights - Journeys forum

Using Bootstrap with Marketing Pages

(0) ShareShare
ReportReport
Posted on by AHoegen 25

Hi all,

I´m trying to utilize CSS files like Bootstap to ensure that the Marketing Pages that are created for the customer are aligned with his CI requirements.

 

The Marketing Pages are hosted via Portal and I uploaded the file also the web file area of Portals with set the website / webpage accordingly to the Marekting portal.

Unfortunately this has not effect on the Marekting Website.

Can anyone tell me how to get this running or if this is maybe not supported by Dynamics for Marketing ?

thanks

Categories:
Marketing Pages Forms and Surveys
  • Suggested answer
    Jonas Velling Profile Picture
    Jonas Velling 142 on at
    RE: Using Bootstrap with Marketing Pages

    Hi AHoegen,

    You should be able to use the public cdn from Bootstrap and just refer to this in your HTML.

    Inside the <head></head> tags you should put the reference.

    Example:

    <head>

    <!-- BOOTSTRAP CSS -->

    <link href="stackpath.bootstrapcdn.com/.../bootstrap.min.css" rel="stylesheet" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">

    <!-- JAVASCRIPT -->

    <script src="stackpath.bootstrapcdn.com/.../bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>

    </head>

    You need to include this on every Marketing Page (Marketing Form) where you would need this asset.

    Hope this helps.

    Regards,

    Jonas

  • cloflyMao Profile Picture
    cloflyMao 25,198 on at
    RE: Using Bootstrap with Marketing Pages

    Hi AHoegen,

    It seem that you uploaded the file in Sign in page of Portal instead of in CRM back-end.

    If you would like to attach a web file to any web page in portal,

    you should upload your CSS file as note in Web File > Note tab, then Portal will recognized the uploaded note file and apply it to page in Portal.

    0083.PNG

    While JS file is limited to be uploaded, if you would like to upload any js file as web file, please read following article:

    https://colinvermander.com/2017/05/17/dynamics-365-portals-javascript-as-web-files/

    However, you should notice that only Landing Page form(form without prefilling) is supported in Portal,

    if you would like to have a form with prefilling feature such as Subscription Center, 

    a domain by yourown is required to be authenticated in CRM to enable the feature.

    Regards,

    Clofly

  • Suggested answer
    d_radulova Profile Picture
    d_radulova 2 User Group Leader on at
    RE: Using Bootstrap with Marketing Pages

    Hi AHoegen,

    I would do that in 2 steps.

    1. Any custom CSS or Javascript normally gets stored as a Web resource (unless stored somewhere externally.)

    If it's a Web resource, don't forget to publish first.

    2. Add a reference in the head section of your marketing page HTML using the link tag,

    <link rel="stylesheet" href="*****URL ***styles.css">

    Don't forget to go live.

    We have done this on a few projects already, so it is definitely supported.

    Many thanks,

    -DD

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

November Spotlight Star - Khushbu Rajvi

Congratulations to a top community star!

Forum Structure Changes Coming on 11/8!

In our never-ending quest to help the Dynamics 365 Community members get answers faster …

Dynamics 365 Community Platform update – Oct 28

Welcome to the next edition of the Community Platform Update. This is a status …

Leaderboard

#1
André Arnaud de Calavon Profile Picture

André Arnaud de Cal... 291,269 Super User 2024 Season 2

#2
Martin Dráb Profile Picture

Martin Dráb 230,198 Most Valuable Professional

#3
nmaenpaa Profile Picture

nmaenpaa 101,156

Leaderboard

Featured topics

Product updates

Dynamics 365 release plans