Skip to main content

Notifications

Customer Insights - Journeys forum
Unanswered

Real Time Form width always fixed, unresponsive to layout of embedding website

Posted on by 25
Hi all,

Please be so kind as to read my full question before responding.
Thank you for your consideration.

I am using some Real Time Forms embedded via js/div in a website.
However, I can't seem to get the forms respond properly to the width/layout of the website.



Dynamics itself seems to keep adding "width: *px" into the html definition of the form which messes up widths in most scenarios.
Also, annoyingly, those widths seem to auto-adapt to the current screen resolution, so working on a large screen messes up the form display for lower resolution screens.
I can't seem to get rid of them as they seem to be automatically by Dynamics or the HTML editor for real time forms.


Even the preview shows, that the form is obviously not responsive.



The only thing which seems to affect those auto-generated fixed-width attributes, but in a bad way, is to set a max-width of data-layout.



It still doesn't solve the problem of form width not being responsive though:



Also, this wastes a lot of space on bigger screens


Any ideas how to get rid of those fixed-px-width attributes and make forms properly behave to the width of the embedding website?
The way it works now, the only possibilty is to build the website around the fixed-width form.
Otherwise it looks unprofessional and wrong.

It it just the basic form template that's this bad?



Thank you,
Sa.
  • SaWu Profile Picture
    SaWu 25 on at
    Real Time Form width always fixed, unresponsive to layout of embedding website
    Hello all,

    I got it to work (temporarily) until the next "Edit"
    Replacing all fixed-widths with width: 100% and max-width: 100%, working fast, and saving yields the desired result.




    However, as soon as the form is edited again, the % attributes get automatically replaced with fixed-widths again.


    Anyone know away to disable the automatic fixed-width changes upon entering Edit again?

    Thanks,
    Sa.
  • jwcpc Profile Picture
    jwcpc 108 on at
    Real Time Form width always fixed, unresponsive to layout of embedding website
    Have you tried max-width: 100%?

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

Dynamics 365 Community Update – Sep 16th

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

Announcing Our 2024 Season 2 Super Users!

A new season of Super Users has arrived, and we are so grateful for the daily…

Dynamics 365 Community Newsletter - September 2024

Check out the latest community news

Leaderboard

#1
André Arnaud de Calavon Profile Picture

André Arnaud de Cal... 290,445 Super User 2024 Season 2

#2
Martin Dráb Profile Picture

Martin Dráb 228,334 Most Valuable Professional

#3
nmaenpaa Profile Picture

nmaenpaa 101,148

Leaderboard

Featured topics

Product updates

Dynamics 365 release plans