I am using Design Manager (snippet) to add WebPart Zone which works fine, however this issue I have is all of the webparts are showing one after each other. How can I show them next to each other:

enter image description here

enter image description here


If you wish webparts to appear side by side within WebPartZone then make sure that webparts you're adding have display attribute set to inline or inline-block or any other mechanism which ensures inline flow.

If you wish to have WebPartZones side by side then you have to design it in such a way, for example wrap them in div elements with display set to inline-block.


You can also set the Orientation attribute of the WebPartZone to Horizontal.

Source: How to have two web parts side by side in same zone

  • thanks Slaven, where would be those attributes, I have searched under Customisation - Web Part Zone and I cant find them. Please see the screen shot. – Harris Oct 8 '19 at 0:11
  • In the WebPartZone you can set Layout > LayoutOrientation > Horizontal as per your screenshot. – Slaven Semper Oct 8 '19 at 4:21

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.