Wenn Sie in einem neu erstellten responsiven Formular die Bildgröße ersetzten zum Beispiel auf 15% für Breite und Höhe, werden die Ergebnisse nur im Designer und in einer exportierten PDF-Datei angezeigt. Die Änderungen haben keine Auswirkungen auf das Formular selbst.
Der HTML-Code der Formularansicht:
<div class="nf-filler-control nf-filler-highlightonvalidationerror nf-image" style='background-image: url("https://xxx.yyy/SiteAssets/Image.png");' data-formcontroltypeid="c0a89c70-0781-4bd4-8623-f73675005e08" data-controlid="8e2cc5ce-d509-40e7-b96c-97dd1c2299cd" data-uniqueid="c0a89c70-0781-4bd4-8623-f73675005e08" data-controlname="xxx.yyy" formcontrolid="8e2cc5ce-d509-40e7-b96c-97dd1c2299cd"><img class=" nf-image" id="ctl00_ctl33_g_8059ab36_100e_410b_bbe1_7f82556e7f0e_ctl00_ListForm2_formFiller_
FormView_ctl03_ctl01_ctl02_f1024f4b_1fd0_473e_867a_4f7047088444" style="width: 15%; height: 15%;" alt="xxx.yyy" src="https://xxx.yyy/SiteAssets/IMAGE.png"></div>
Dieses Problem wurde in CSS gefunden:
In der CSS-Datei responsive-common.css
(https://xxx.yyy/_layouts/15/NintexForms/responsive/assets/styles/responsive-common.css?v=4.3.2.0)
Auf der Line 598 ist die Eigenschaft background-size auf cover eingestellt, sie sollte aber auf contain eingestellt werden, dass sie die Größe des Bildes für die vollständige Ansicht enthält!
Der korrekte CSS-Code sollte wie in der folgenden Abbildung aussehen:
