Mashmatrix Sheet
English
English
  • Mashmatrix Sheet User Guide
  • Introduction
  • Application Overview
  • Basic Usage
  • Functions about Books / Sheets
    • Create a New Book
    • Change Book Setting
    • Duplicate Book
    • Delete Book
    • Open Book in New Tab
    • Change Book Sharing Folder
    • Split Book Screen
    • Create a New Sheet
    • Change Tab Display Order of Sheets
    • Change Sheet Setting
      • Sheet Setting - Basic
      • Sheet Setting - Options
      • Sheet Setting - Filter
      • Sheet Setting - Actions
    • Maximize Sheet
    • Duplicate Sheet
    • Delete Sheet
    • Create a Related Sheet
    • Create a Card Type Sheet
    • Change Card Type Sheet Setting
    • Configure Views
    • Configure Search Form
  • Functions about Displaying Data
    • Change Columns Order
    • Change Column Width / Height
    • Fix Column from Scrolling
    • Sort
    • Filter
    • Change Column Setting
      • Column Setting - Basic Property
      • Column Setting - Options
      • Column Setting - Format
    • Show / Hide Column
    • Add Column
    • Delete Column
    • Group Column Headers
    • Summary Row
    • Formula
    • Function
      • Salesforce Compatible Functions
      • Aggregation Functions
      • Other Extension Functions
    • Reference Value
    • Navigate Pages and Reload Records
  • Functions about Editing Data
    • Edit / Save Displayed Data
    • Copy & Paste Values
    • Create a New Record
    • Duplicate Records
    • Delete Records
    • Lookup Search
  • Functions about Actions
    • Action Button
    • Standard Actions
    • Marketing Actions
    • Custom Actions
    • Approval Request Actions
  • Functions for Advanced Usage
    • Time-Series Matrix Transformation
      • Overview
      • Add Matrix Column
      • Change Matrix Column Setting
      • Show / Hide Column
      • Add Child Column
      • Delete Child Column
      • Format
      • Matrix Column and Formula
      • Limitations
  • Settings for Admin
    • Assign License
    • Grant Permission Set
    • Administration Console
    • Organization-Level Configuration
  • Customization
    • Access Sheet Directly with URL
    • Sheet Component
    • Embed Sheet in Layout using Visualforce
    • Using Sheet Component in Visualforce
    • JavaScript API
    • Launching Custom Apex / Visualforce
    • Launching Flow
    • Using in Experience Cloud
Powered by GitBook
On this page
  1. Customization

Using Sheet Component in Visualforce

PreviousEmbed Sheet in Layout using VisualforceNextJavaScript API

Last updated 3 years ago

The created sheet can be displayed as a component in any Visualforce page. Deployed components can also control their behavior from Visualforce pages via scripts.

To place a Sheet component on a Visualforce page, follow these steps:

  1. Prepare a Visualforce page and add SheetView component as shown below.

<apex:page>
  // ...
  <msmxSheet:SheetView
    id="(Component ID)"
    bookId="(Book ID)"
    sheetId="(Sheet ID)"
    width="100%"
    height="400px"
  />
</apex:page>

Attributes that can be specified for the SheetView component are as follows.

  • id - Visualforce component ID to display

  • bookId - ID of the book to display. The value of book ID can be referred to from sheet setting. (required)

  • sheetId - ID of the sheet to display. The sheet ID value can be referred to from the sheet setting. If not specified, all the sheets included in the book are displayed in tabs.

  • recordId - ID of the context record. This ID value is used as the "Context Record ID" of the ID filter.

  • width - Width of the component. You can specify it by pixel or percent.

  • height - Height of the component. You can specify it by pixel or percent.

  • sldsAssetResourceRoot - The directory URL where asset files are stored. Supposing these asset files are uploaded in static resources. If it is not specified it will use default system SLDS files.

  • sldsStylesheetPath - CSS file path in SLDS asset resource file directory. If it is not specified it will use assets/styles/salesforce-lightning-design-system-vf.min.css as the default value.

Salesforce Lightning Design System