Skip to main content

Notifications

Announcements

No record found.

Customer Insights - Journeys forum
Unanswered

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

Posted on by 31
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.
  • PB-16050728-0 Profile Picture
    PB-16050728-0 12 on at
    Real Time Form width always fixed, unresponsive to layout of embedding website
    I have a similar problem, that the form is not behaving according to the website’s CSS where the java script is placed. I am not so well versed in html so I can fix it myself, but our web agency says that the script and form from Dynamics contains a lot of extra, unnecessary or conflicting code. This makes it both look awful but it is also incorrect semantic which affects the readability according to WCAG.
    Is it possible to get a cleaned code, without design and tables, to embed the form on a website with its own style sheet - how do I do that?     
  • SaWu Profile Picture
    SaWu 31 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 153 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

Anton Venter – Community Spotlight

Kudos to our October Community Star of the month!

Announcing Our 2024 Season 2 Super Users!

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

Leaderboard

#1
André Arnaud de Calavon Profile Picture

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

#2
Martin Dráb Profile Picture

Martin Dráb 228,815 Most Valuable Professional

#3
nmaenpaa Profile Picture

nmaenpaa 101,148

Leaderboard

Featured topics

Product updates

Dynamics 365 release plans