SP2010 Dialog Resize Issue

[Ross]

Hi Alex,

Could you assist with a resize issue in the DFFS form. I have attached a screenshot (I have removed tab and field names).

The form does not seem to resize properly which leaves the tabs and other fields on a single line which requires the user to scroll.

I am using the latest version of DFFS in IE11 and Chrome version 53.0.2785

Any help would be appreciated.

Attachments:

1. 

   FormResizeIssue.png
   

[Ross]

Found the reason the wrapping is not occurring.

Their are read only fields with the class “dffs-readonly-inner” which seem to set the min-width before the form is resized e.g. style=”min-width: 1500px” instead of style=”min-width: 500px”.

As a temporary fix I have added the following CSS:

.dffs-readonly-inner {
   min-width: inherit !important
}

I haven't done much testing and this may cause other issues. I would also like to avoid using !important if the cause of the width is resolved.

Thanks again.

• This reply was modified 4 years, 10 months ago by Ross.
• This reply was modified 4 years, 10 months ago by Ross.

[Alexander Bautz]

The width of the dffs-readonly-inner is calculated from the width of the #sbs_FieldTable_FIN – where FIN is the fieldinternalname of your field on runtime.

Do you have any Custom CSS that sets the width of some of the side-by-side elements?

Alexander

[Ross]

Hi Alex,

Thanks for the reply, sorry for a late response back to you. You are correct and error was on my side.

The custom CSS that was already on the tab was:

.sbs_FieldTable *{
 width:auto !important;
}
/* Ensure the tooltip icon won't collapse */
.customTooltipIcon{
 width:18px!important;
}

Which was on added from the DFFS style guide DFFS: Styling

The fields had only been set to auto and not been given fixed widths later on as your guide steps through.

Cheers,

Ross

[Author]

Posts