'%3e%3cpath%20d='M8%200C12.4183%200%2016%203.58172%2016%208C16%2012.4183%2012.4183%2016%208%2016C3.58172%2016%200%2012.4183%200%208C0%203.58172%203.58172%200%208%200ZM11.6162%204.38379C11.2257%203.99337%2010.5927%203.99338%2010.2021%204.38379L8%206.58594L5.79785%204.38379C5.40732%203.99334%204.77429%203.99329%204.38379%204.38379C3.99331%204.77429%203.99335%205.40733%204.38379%205.79785L6.58594%208L4.38379%2010.2021C3.99348%2010.5927%203.99341%2011.2257%204.38379%2011.6162C4.77426%2012.0066%205.40734%2012.0065%205.79785%2011.6162L8%209.41406L10.2021%2011.6162C10.5927%2012.0066%2011.2257%2012.0067%2011.6162%2011.6162C12.0067%2011.2257%2012.0066%2010.5927%2011.6162%2010.2021L9.41406%208L11.6162%205.79785C12.0066%205.40735%2012.0066%204.77429%2011.6162%204.38379Z'%20fill='%23080E17'%20fill-opacity='0.46'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_3761_713'%3e%3crect%20width='16'%20height='16'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e)
How to Change SharePoint Hero Web Part Tiles in Narrow Layouts
Question details
The user wants to adjust the number of tiles displayed in a SharePoint Hero web part, but the configuration option is unavailable.
- Product
- SharePoint
- Device & OS
- not provided
- Scenario
- Attempting to change the number of tiles for a Hero web part that is placed inside a narrow one-third or one-half column section.
- Observed behavior
- The layout options to select the number of tiles are completely disabled or grayed out in the web part properties pane.
Ensure you have the necessary site permissions to edit the SharePoint page, and verify that the page is currently in 'Edit' mode before attempting to modify web part properties.
Temporarily Move the Web Part to a Wider Column
Since SharePoint restricts tile settings in narrow sections, moving the Hero web part to a full-width or two-thirds column temporarily unlocks the layout options.
The inability to change the number of tiles is a layout limitation by design, not a permissions issue. The setting is automatically disabled to prevent formatting errors in smaller columns. By adjusting the layout in a wider section first, you can trick the system into keeping your desired tile count when moved back.
Click the 'Edit' button located at the top right corner of your SharePoint site page.
Click and hold the 'Move web part' icon (the crosshairs) on the left side of the Hero web part, and drag it into a wider section, such as a full-width or two-thirds column layout.
Click the 'Edit web part' button (pencil icon) to open the property pane on the right side of the screen. The option to choose the number of tiles should now be enabled. Select your preferred tile count (e.g., 1 tile).
Drag the Hero web part back to its original one-third or one-half column section. The configured number of tiles will remain saved despite the narrow layout.
Click the 'Republish' or 'Save as draft' button at the top right of the page to apply your changes.
Boost Your Team's Productivity with WPS Office
While Microsoft SharePoint handles your intranet site building, managing the documents hosted there shouldn't require expensive software. WPS Office is a free, lightweight, and highly compatible alternative to Microsoft Office. It offers a familiar interface that lets you easily view, edit, and collaborate on documents without the heavy subscription costs.
- 1. Download the Installer: Visit the official WPS Office website and click the free download button for your operating system.
- 2. Install WPS Office: Run the downloaded installation file and follow the on-screen prompts to set up the software.
- 3. Open Your Documents: Launch WPS Office and directly open your Word, Excel, or PowerPoint files to start editing immediately.
Frequently Asked Questions
Why is the number of tiles setting disabled in the Hero web part?
SharePoint restricts the tile layout configuration based on the width of the column. When placed in narrow sections like a one-third or one-half column, the layout options are grayed out by design to prevent responsive design and formatting conflicts on smaller screens.
Can I use multiple Hero web parts on the same SharePoint page?
Yes, you can add multiple Hero web parts to different sections of the same SharePoint page by clicking the plus (+) icon and selecting 'Hero'. However, remember that each web part's layout settings will depend on the width of the specific column it is placed within.
How do I change a section's column layout in SharePoint?
While in Edit mode, click the 'Edit section' button (pencil icon) on the left side of the section you want to modify. A property pane will open on the right, allowing you to choose between One column, Two columns, Three columns, One-third right, or One-third left layouts.
