This article will show how to customize the Small Design Element and expound on its adjustable features.
TABLE OF CONTENTS
Prerequisite
- You have the latest version of ShortPoint SPFx installed on your SharePoint environment.
- You are a ShortPoint Designer with an active license.
Interactive Tutorial
Click Get Started to learn how to customize the Small Design Element:
NOTECheck out Small Features to learn more about the OOTB options you can customize.
Step-by-step Tutorial
Follow the steps below for a detailed guide on how to customize the Small Design Element:
Step 1: Edit the ShortPoint Web Part
- Go to the SharePoint page you want to use and click Edit.
- Click the ShortPoint tag.
- Select the pencil icon.
Step 2: Insert the Small Design Element
- Click the plus icon.
- Use the search box to look for Small and click it.
Step 3: Add Content
- Add Small Content.
- Once done, click the green check mark.
Step 4: (Optional) Add Text Design Element
NOTEYou have the option to insert regular Text after your Small content. Follow along to learn how.
- Click the plus icon.
- Use the search box to look for Text and click it.
- Edit the content and the look of the Text Design Element according to your needs.
- Once satisfied, click the green check mark.
Step 5: Save
- Then, click the eye icon to see your page in real-time.
- Click Save to apply all your changes.
Small Features
Below are the options you can find in the Small Settings window:
A. Content tab
The Content tab allows you to add Small Content.
B. Custom CSS Tab
This tab allows you to use your own CSS, HTML, and Javascript code to customize the Small Design Element.
NOTECheck out our support article on How to Insert Custom CSS into a ShortPoint Design Element (Basic Tutorial) to know more about Custom CSS.
NOTEThe Connect and Visibility tabs are currently unavailable in Live Mode.
That’s it! You can now start showcasing Small content on your SharePoint pages.
Related articles: