I've googled for lots of forum on webpart alignment and understand it can be achieved using -

a. Orientation: Horizontal (applicable in case of 2 webpart added to the same webpart zone)

b. DIV ID (via CSS, adding the width)

However, in my case performing either doesn't works and need expert view.

Requirement: Webpart placed in WebpartZone 3 & 4, to be align to each other rather appearing one below.

Please check the WebpartZone code -

                <div class="row" id="homeRow4">
                    <WebPartPages:WebPartZone runat="server" Title="Row4" ID="WebPartZone4"><ZoneTemplate></ZoneTemplate></WebPartPages:WebPartZone>

Please suggest what change shall I make in order for the webpart added to HomeROW3 is align on left and allows webpart of HomeROW4 to be align next to it with align as right?

  • Are you working on custom page or SharePoint page? – Viraj Gorajia Apr 21 '16 at 6:40
  • SharePoint Page. – Jason Apr 21 '16 at 23:43

You can change text layout of SharePoint page. Edit page, select layout Two columns from Ribbon >> Format Text >> Text Layout. You can add HomeROW3 to left zone and HomeROW4 to right zone.

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.