How can we help you today?

ShortPoint Generator: Make Parts of Predefined Elements Customizable

You can make parts of your custom Design Elements editable using ShortPoint Generator. Follow the guide closely to learn how to do this.


Before we begin

  • To use ShortPoint Generator, make sure that you have ShortPoint installed.
  • Make sure that you have the latest version of ShortPoint SPFx. ShortPoint Generator is available in ShortPoint versions and above.

Step-by-step Tutorial

STEP 1.  Create a ShortPoint element using ShortPoint Generator

For a detailed guide on how to create an element using ShortPoint Generator, follow the steps from this article: ShortPoint Generator Basic Tutorial. Part 1: Creating Generated Content.

STEP 2.  Edit your custom Design Element

Look for the custom element you created and click Edit

Edit button

STEP 3. Add  %%attribute%% to the content you want to edit

To make an editable design element, you need to add  %%attribute%% to the content you want to edit.

NOTE: You can replace the word attribute with any title or word you want. Just remember to add %% before and after the word you chose. For example, you can replace attribute with Title. You will then write iit as %%Title%%.

For this guide, we want the name of our page to be editable, so we added the %%attribute%% to the title of the page.

sample %%attribute%%

STEP 4.  Save your changes

After adding %%attribute%%, click Update.

Update button

Then, click Save changes.

Save changes button

STEP 5. Add the Generated Element to your page

Open Page Builder and find your new custom element. You will see all custom elements at the end of the elements list. 

custom element

You will notice that you now have the option to edit your custom element. Fill in all the necessary details (1) and click Insert (2).

Insert button

Congratulations! Now, you can insert unique titles to your ShortPoint Generated element on different pages.

Sample element

Related articles:

Did you find it helpful? Yes No

Send feedback
Sorry we couldn't be helpful. Help us improve this article with your feedback.

World's best intranet sites are designed using ShortPoint

Get started today! Learn more
See all 9 topics

Start a trial

Ignite your vision. Install ShortPoint directly on your site, or play in sandbox mode. No credit card required.

Get started today

World’s best intranet sites are designed using ShortPoint

Thousands of companies using ShortPoint everyday to design, brand and build award winning intranet sites.

Get started Learn more