Skip to main content
Below are five creative layout styles you can mix and match. Each style is built step by step using the custom homepage editor.
Style 1Step 1: Enter the custom homepage screen, add a layout, and select the three-column layout.Step 2: Drag the carousel module into each column one by one.Step 3: Click Save to return to the team homepage. Click the pencil icon or click Add to enter editing mode.Step 4: Upload an image and configure the DingTalk Docs document or link to redirect to.
Step 5: After editing, click Confirm to return to the team homepage. You can edit the title of each column above the image. Configure the content of each column one by one to achieve this style!
Style 2Step 1: Enter the custom homepage, first add a layout, and select the single-column layout.Step 2: After adding the layout, drag the “Quick Entry” module into the layout.Step 3: Save the custom page and enter the team homepage.Step 4: In this module, click Add Content.Step 5: For each quick entry, you can customize the icon (uploading your own is also supported) and the redirect target.Step 6: Add the quick entries you want to display one by one.
Step 7: After adding them, save and return to the homepage, then select the grid style to achieve this display effect!
Style 3Step 1: First add a layout on the custom page.Step 2: Drag the free content module into it, then save.Step 3: Return to the team homepage and click Add.Step 4: Click Insert Column.Step 5: Continue to insert columns within the column. Click the = symbol, then click the palette icon to adjust the background color of the column.Step 6: Each column supports inserting images, videos, and other content. You can also insert links and customize text content.Step 7: After filling in the content, you can use the toolbar to customize the Font Size, color, and more.Step 8: After saving, you can achieve this effect. To add multiple rows, simply insert columns multiple times.
Style 4Step 1: On the custom page, click Add Layout.Step 2: Drag the free content module here.Step 3: Save the custom page.Step 4: Return to the team homepage and click Add.Step 5: Insert a column.Step 6: Insert three columns. You can continue to insert columns within columns.Step 7: Choose the background and border color for the columns.Step 8: Enter content in the columns and click Confirm to achieve the styled effect!
Style 5Step 1: On the custom homepage screen, click to add a two-column layout.Step 2: Drag the quick entry module into each of the two columns. Save and return to the team homepage to add content.Step 3: The quick entry icons support uploading custom images.Step 4: Fill in the content you want to display one by one, then click Confirm.Step 5: Return to the team homepage, click ”…”, and select the card style.Step 6: For the second column, follow the same steps and select an icon (icons also support color selection!).Step 7: After filling in all the content, click Confirm.Step 8: Return to the team homepage to see the display effect.
The styles above are for reference only. Feel free to unleash your creativity and design even more beautiful and practical layouts! 💡