Different look with SP2019

[Phil Grant]

Hi,
We’ve just transferred over a DFFS solution from SP2010 to SP2019 and the look of the form is quite different and I’ve tried various custom CSS fixes but nothing I do seems to fix it.

The header text boxes and field vlaues have gaps inbetween them where there are fewer feilds than others, in SP201 the header background was continuous.

Any tips on how to fix it?

Thanks

Attachments:

1. 

   SP2019-Layout-issue.png
   

[Alexander Bautz]

Hi,
The reason it is different is that the base styles in SharePoint is different and therefore you must override other styles to get the layout you want.

It is hard to tell what the issue is without looking at it live, but if you use the developer tools to inspect (right click the item and select inspect) you can see HTML element and what style is applied. You can also modify the styles directly in the dev tools to test it out, but keep in mind that these changes are only temporary and is not saved.

In general when you move from SP2010 I think it might be better to remove all custom css and reapply it one step at the time because the approach will most likely be a bit different than it was in SP2010.

Alexander

[Author]

Posts