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 :
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)
  • jwcpc Profile Picture
    274 on at
    Have you tried max-width: 100%?
  • SaWu Profile Picture
    33 on at
    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.
  • PB-16050728-0 Profile Picture
    13 on at
    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?     

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 > Customer experience | Sales, Customer Insights, CRM

#1
Tom_Gioielli Profile Picture

Tom_Gioielli 73 Super User 2025 Season 2

#2
Gerardo Rentería García Profile Picture

Gerardo Rentería Ga... 43 Most Valuable Professional

#3
Daniyal Khaleel Profile Picture

Daniyal Khaleel 32 Most Valuable Professional

Last 30 days Overall leaderboard

Product updates

Dynamics 365 release plans