Technology Blogs by SAP
Learn how to extend and personalize SAP applications. Follow the SAP technology blog for insights into SAP BTP, ABAP, SAP Analytics Cloud, SAP HANA, and more.
cancel
Showing results for 
Search instead for 
Did you mean: 
aayushsinha
Product and Topic Expert
Product and Topic Expert
8,164

INTRODUCTION-

A composite is a set of widgets that can be used again and again throughout optimized stories, together with scripting elements and customized data. It might be a single corporate header or footer, a page navigation panel, a part that folds up and displays graphics, or a chart with an option to change the table view or chart type. Story designers and developers save time when composites are ready for use in stories. They can also perform further actions and changes on the composite as a whole, like adding scripts and altering styling.

A composite can be created, imported, and used immediately in your optimized story, just like other built-in SAP Analytics Cloud widgets.

To  know more about composites you can follow this - Get Started with Composites | SAP Help Portal

Permissions and Roles -

Here're composite related permissions:

  • To create a composite, ensure that you have the Create permission for the object type Composite.
  • To import and use a composite in stories, ensure that you have the Read permission.
  • To modify a composite, ensure that you have the Update permission.
  • To delete a composite, ensure that you have the Delete permission.
  • To share a composite, ensure that you have the Share permission.

Here's an overview of the default composite permissions available to different roles:

aayushsinha_1-1706715823668.png

NOTE -

Currently, composites are only supported on canvas pages in Optimized Story Experience

Steps to create Composites -

1. From Side navigation select Story > Select composite  or you can also create a composite from  Files by selecting (Create)  Composite.

aayushsinha_2-1706715883624.png

2. Select Composite tab.

aayushsinha_3-1706715928865.png

3. Under Create New, choose Composite.
You're now in the composite design environment.

4. From Assets in the left side panel, drag and drop a widget to the page.

aayushsinha_4-1706715979702.png

 

5. For example, select any widgets ( Eg - Text widget )  and change the color to Pink from Styling panel.

 

aayushsinha_5-1706716052701.png

 

6. Save the created Composites and choose where to save your composite from the file repository.

 

NEXT STEP

A composite has been made and saved by you. It can then be imported into stories and used as other built-in widgets by story designers or developers. To learn more, see Use Composites in Your Story Design (Optimized Story Experience) | SAP Help Portal.

7. Create a story with canvas page in Optimized design Mode.

aayushsinha_6-1706716679301.png

8. To import a composite, in the Assets panel, hover over Composites, and choose  (Import Composite).
You can also import a composite from 
Insert in the toolbar by selecting  (Add)  Composite  Import Composite....
A dialog appears where you can select the composite.

aayushsinha_7-1706716725477.png

 

9. Select a composite from the file repository.

Once the composite's imported to the story, it's listed under Composites in the Assets panel as other available widgets.

To add a composite to your story, drag and drop it from Assets to the page

 

aayushsinha_8-1706716797036.png

 

Note - If you'd like to import multiple composites, import them one by one.

Imported composites only belong to the current story.

Once a composite's added, you can do actions on it as other widgets in your story, such as edit ID, find reference, enable or disable mouse actions to resize or reposition, show or hide, styling, and edit scripts.

Note - Only edit mode is supported in composites, while view mode isn't yet available.

If a composite's modified while it's actively used in stories, the stories get updated when reloaded.

SUMMARY -

When a composite is updated while being utilized in a story, the stories are updated upon reloading.

4 Comments