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

Community site session details

Session Id :
Customer experience | Sales, Customer Insights,...
Unanswered

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

(1) ShareShare
ReportReport
Posted on by 33
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.
I have the same question (0)
  • PB-16050728-0 Profile Picture
    13 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
    33 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
    272 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

Responsible AI policies

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

Mansi Soni – Community Spotlight

We are honored to recognize Mansi Soni as our August 2025 Community…

Congratulations to the July Top 10 Community Leaders!

These are the community rock stars!

Leaderboard > Customer experience | Sales, Customer Insights, CRM

#1
DAnny3211 Profile Picture

DAnny3211 134

#2
Daniyal Khaleel Profile Picture

Daniyal Khaleel 132

#3
Abhilash Warrier Profile Picture

Abhilash Warrier 70 Super User 2025 Season 2

Last 30 days Overall leaderboard

Product updates

Dynamics 365 release plans