General

Re: Space between 2 List forms embaded using Infopath web Parts

mbhushan1605 — Mon, 11 Feb 2019 09:58:45 GMT

thank you, It worked well.

Re: Space between 2 List forms embaded using Infopath web Parts

mbhushan1605 — Wed, 06 Feb 2019 14:26:20 GMT

I did above suggested change however does not see any difference. The space between both the Web Parts on my form is still same, and does not get reduced.

Re: Space between 2 List forms embaded using Infopath web Parts

Yared — Tue, 05 Feb 2019 14:37:57 GMT

Below are a couple of screen shots if that help. I noticed one thing on your screen shot that you would need to use either margin-top or margin-bottom(I suggest to modify the top form using its ID and margin-bottom style, set it to -15px). Let me know if that helps.

Re: Space between 2 List forms embaded using Infopath web Parts

mbhushan1605 — Tue, 05 Feb 2019 10:36:25 GMT

Thanks for your reply, Now I have implemented as mentioned above. Moved script editor - web part with Zone 0 at the Top of form. also corrected the Web Part ID in script where I mentioned ID of 1st Web Part. Please see below Screen shot which shows current picture of form. Let me know if something is still incorrect?

Re: Space between 2 List forms embaded using Infopath web Parts

Yared — Mon, 04 Feb 2019 16:44:44 GMT

Suggestion one: You have to move the script editor web part out of the middle of the two. Edit the script editor web part and drill down the layout link and change the web part zone to 0, so that way you can move it to the top of the form.

Suggestion Two: Did you find the exact web part ID for your InfoPath form web part? I saw in your screenshot that you copy pasted my script with the web part ID and the margin size, which seems not right. Again check the ID, that is very important.

Re: Space between 2 List forms embaded using Infopath web Parts

mbhushan1605 — Mon, 04 Feb 2019 09:29:31 GMT

I implemented exactly as suggested, however I can't the space between 2 web parts is changed. See the SS of what I did.

Re: Space between 2 List forms embaded using Infopath web Parts

Yared — Fri, 01 Feb 2019 16:40:42 GMT

Once you get the web part ID, insert a script editor web part on the same page then click on the edit source icon in Markup section then copy paste the following code to the box.

Note: you have to modify the web part ID and change the pixels to your needs

#WebPartWPQ2{
margin-bottom:-10px; //to push the top section form to the bottom

margin-top:-10px; //to pull the bottom section form to the top

}

</style>

Re: Space between 2 List forms embaded using Infopath web Parts

mbhushan1605 — Fri, 01 Feb 2019 10:15:34 GMT

Could you pls provide more details about how to insert margin bottom CSS Style? I am bit new to web part implementation

Re: Space between 2 List forms embaded using Infopath web Parts

Yared — Thu, 31 Jan 2019 22:17:58 GMT

Hi, Do this, edit the infopath form webpart and insert a margin bottom/above css style. But first get the webpart I'd by pressing the F12(developer tool). Let me know if the issue still persisting.

Space between 2 List forms embaded using Infopath web Parts

mbhushan1605 — Tue, 29 Jan 2019 14:20:21 GMT

Hi I have 2 Lists which have Parent-Child relations. Both lists have 2 different List forms created for New Item. These forms are embaded on single form (i.e. child form is embaded in Parent form) using InfoPath Webpart. However when its used by user, there is major space between 2 Web Parts or forms. UI looks bit separate and user can't consider it as single form. Please suggest any way ahead to minimize this space between 2 List forms. See below SS kind regards Bhushan