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

(1) Share

Report

Posted on by SaWu

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.

All responses (3)

Answers (0)

PB-16050728-0 13 on at

Like (0)

Report

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 31 on at

Like (0)

Report

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 170 on at

Like (0)

Report

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

Have you tried max-width: 100%?