title

Using Object Data with React Charts Here you'll use Objects, Headless APIs, and custom element remote applications to create a dynamic chart for data dashboards. First, you'll set up a new DXP...

公開日: 2024/11/22 22:50

Packaging Client Extensions

Official Documentation

Packaging Client Extensions Liferay Self-Hosted Liferay SaaS Liferay PaaS Liferay 7.4 Client extension projects are built as deployable archives called Liferay Universal File Format Archives...

公開日: 2024/11/22 22:50

Instance Settings YAML Configuration Reference

Official Documentation

Instance Settings YAML Configuration Reference You can use an instance settings client extension to configure a wide variety of Liferay configurations. Each configuration is referenced by its PID...

公開日: 2024/11/22 22:50

Client Extensions

Official Documentation

Client Extensions Liferay Self-Hosted Liferay SaaS Liferay PaaS Liferay 7.4 When you want to extend Liferay, either by modifying its look and feel or by calling functions outside of Liferay, you...

公開日: 2024/11/22 22:50

Client Extension Reference

Official Documentation

Client Extension Reference Liferay Self-Hosted Liferay SaaS Liferay PaaS Liferay 7.4 You can find code examples for all types of client extensions in liferay-portal Frontend Client Extensions ...

公開日: 2024/06/21 15:41

OAuth Headless Server YAML Configuration Reference

Official Documentation

OAuth Headless Server YAML Configuration Reference You can define an OAuth headless server client extension with a client-extension.yaml file. Usage Details This client-extension.yaml file defines...

公開日: 2024/11/22 22:50

Configuration as Code

Official Documentation

Configuration as Code Liferay Self-Hosted Liferay SaaS Liferay PaaS Liferay 7.4 Liferay instance configurations are deployable with client extensions. For example, you can deploy OAuth2...

公開日: 2024/11/22 22:50

OAuth User Agent YAML Configuration Reference

Official Documentation

OAuth User Agent YAML Configuration Reference You can define an OAuth user agent client extension with a client-extension.yaml file. Usage Details This client-extension.yaml file defines an OAuth...

公開日: 2024/11/22 22:50

Language Client Extensions

Official Documentation

Language Client Extensions Liferay DXP 2025.Q1+/Portal GA132+ A language client extension adds new language keys or overrides existing keys and their translations. For example, you can translate...

公開日: 2025/02/12 12:57

Bundling Resources in a JavaScript Import Map Entry Client Extension

Official Documentation

Bundling Resources in a JavaScript Import Map Entry Client Extension Liferay DXP 2023.Q1+/Portal GA92+ JavaScript import map entry client extensions make JavaScript code or resources available to...

公開日: 2024/09/14 15:48

Customizing Liferay's Look and Feel

Official Documentation

Customizing Liferay's Look and Feel One of the easiest ways to get started developing on Liferay's platform is to modify its look and feel. You can change everything from its favicon to its entire...

公開日: 2025/01/18 2:48

JavaScript Import Map Entry YAML Configuration Reference

Official Documentation

JavaScript Import Map Entry YAML Configuration Reference Usage Details This client-extension.yaml file defines a JavaScript import map entry client extension: assemble: - from: build/static ...

公開日: 2024/09/14 15:48

Bundling Resources

Official Documentation

Bundling Resources

公開日: 2024/05/09 18:54

Micro Frontends

Official Documentation

Micro Frontends Micro frontends extend the concept of microservices to the frontend side of development. You can build a fully-featured and powerful browser application that uses a microservice...

公開日: 2024/11/22 22:50

Themes

Official Documentation

Themes Themes customize the default look and feel of your site. You can define the style and visual identity of your brand or label across your whole site. You can use a theme CSS client...

公開日: 2025/01/18 2:48

Bundling a Thumbnail Preview into Your Theme

Official Documentation

Bundling a Thumbnail Preview into Your Theme A theme's thumbnail is the visual representation of how the theme looks when it is applied to a Site. The thumbnail is shown in the theme selection menu...

公開日: 2024/05/09 18:54

Client Extensions UI Reference

Official Documentation

Client Extensions UI Reference Liferay's widget client extensions (custom element and iframe) register applications with Liferay, adding them as widgets to site pages. Additionally, you can style...

公開日: 2024/05/09 18:54

Bundling and Copying Files from an Existing Theme

Bundling and Copying Files from an Existing Theme By using gulp's kickstart task, you can copy the files from a previously created theme into any theme you choose. This functionality is useful in...

公開日: 2024/05/09 18:54

Bundling Independent UI Resources via Theme Contributors

Official Documentation

Bundling Independent UI Resources via Theme Contributors Theme contributors are modules that contain CSS and JavaScript resources and apply them to every page. They are independent from specific...

公開日: 2024/05/09 18:54

Bundling and Installing Resources into Your Theme via Themelets

Official Documentation

Bundling and Installing Resources into Your Theme via Themelets Themelets are small, modular pieces of code that you can reuse in multiple themes. Unlike themes themselves, themelets may only...

公開日: 2024/05/09 18:54

Embedding Widgets Using Templates

Official Documentation

Embedding Widgets Using Templates You can embed a widget in your theme to make it available on all pages using the chosen template file. When you are embedding a widget, you will need to reference...

公開日: 2024/05/09 18:54

Upgrading a Theme

Official Documentation

Upgrading a Theme Themes developed for previous versions of Liferay DXP must be upgraded in order to be deployed to a new version. The gulp upgrade task updates Liferay version references and theme...

公開日: 2024/05/09 18:54

CSS YAML Configuration Reference

Official Documentation

CSS YAML Configuration Reference You can define a CSS client extension with a client-extension.yaml file. Usage Details This client-extension.yaml file defines a CSS client extension definition: ...

公開日: 2024/05/09 18:54

Using a CSS Client Extension

Official Documentation

Using a CSS Client Extension Liferay 7.4+ CSS client extensions introduce new CSS styling to pages. A deployed CSS client extension on a page adds to the page's existing styling, including theme...

公開日: 2024/05/09 18:54

Setting Up an Environment and Creating a Theme

Official Documentation

Setting Up an Environment and Creating a Theme Creating a theme is the first step in theme development. Once you have your own theme, you can deploy it to your Liferay DXP instance, and use it for...

公開日: 2024/05/09 18:54

Using a Frontend Data Set Cell Renderer Client Extension

Official Documentation

Using a Frontend Data Set Cell Renderer Client Extension Liferay 7.4+ You can use Frontend Data Set (FDS) cell renderer client extensions to customize the display for your data set. Use this type...

公開日: 2024/08/15 15:42

Using a Frontend Data Set Filter Client Extension

Official Documentation

Using a Frontend Data Set Filter Client Extension Liferay DXP 2024.Q2+/Portal GA120+ Frontend data set filter client extensions define JavaScript functions for creating customizable filter...

公開日: 2024/06/06 15:55

Frontend Data Set Cell Renderer YAML Reference

Official Documentation

Frontend Data Set Cell Renderer YAML Reference You can define a Frontend Data Set cell renderer client extension with a client-extension.yaml file. Usage Details The client-extension.yaml file...

公開日: 2024/08/15 15:42

Using a JavaScript Client Extension

Official Documentation

Using a JavaScript Client Extension Liferay 7.4+ With a JavaScript (JS) client extension, you can run your own JavaScript on any page in Liferay without worrying about dependencies on Liferay code...

公開日: 2024/05/09 18:54

Theme CSS YAML Configuration Reference

Official Documentation

Theme CSS YAML Configuration Reference You can define a theme CSS client extension with a client-extension.yaml file. Usage Details This client-extension.yaml file defines a theme CSS client...

公開日: 2024/05/09 18:54

Theme Favicon YAML Configuration Reference

Official Documentation

Theme Favicon YAML Configuration Reference You can define a theme favicon client extension with a client-extension.yaml file. Usage Details This client-extension.yaml file defines a theme favicon...

公開日: 2024/05/09 18:54

Using a Theme CSS Client Extension

Official Documentation

Using a Theme CSS Client Extension Liferay 7.4+ With a theme CSS client extension, you can override the current theme's CSS files (main.css and clay.css) to change the look and feel of a page....

公開日: 2024/05/09 18:54

Using a Theme Favicon Client Extension

Official Documentation

Using a Theme Favicon Client Extension Liferay 7.4+ With a theme favicon client extension, you can override the theme's favicon on the selected page. Start with the sample workspace to build and...

公開日: 2024/05/09 18:54

JavaScript YAML Configuration Reference

Official Documentation

JavaScript YAML Configuration Reference You can define a JavaScript client extension with a client-extension.yaml file. Usage Details This client-extension.yaml file defines a JavaScript client...

公開日: 2024/05/09 18:54

Using a Theme Sprite Map Client Extension

Official Documentation

Using a Theme Sprite Map Client Extension Liferay DXP 2023.Q4+/Portal GA100+ With a theme sprite map client extension, you can override the default Clay sprite map used for icons on a page. Start...

公開日: 2024/05/09 18:54

Theme Sprite Map YAML Configuration Reference

Official Documentation

Theme Sprite Map YAML Configuration Reference You can define a theme sprite map client extension with a client-extension.yaml file. Usage Details This client-extension.yaml defines a theme sprite...

公開日: 2024/05/09 18:54

Editor Config Contributor YAML Configuration Reference

Official Documentation

Editor Config Contributor YAML Configuration Reference Liferay DXP 2024.Q1+/Portal GA112+ This feature is currently behind a release feature flag (LPS-186870). Read Release Feature Flags for more...

公開日: 2024/05/09 18:54

ページフラグメントの開発

Official Documentation

ページフラグメントの開発フラグメントの開発フラグメントエディターの使い方フラグメントツールキットの使用フラグメントへの設定オプションの追加フラグメント構成のベストプラクティスフラグメントにスタイルを適用するフラグメントドロップゾーンの定義ページ・フラグメントでカスタム・フィールドを使うフラグメントセットの作成フラグメント構成の検証 ...

公開日: 2024/05/09 18:57

フラグメントの自動デプロイ

Official Documentation

フラグメントの自動デプロイ liferay Portal 7.3 GA1+ または Liferay DXP 7.3+. もしあなたが独自のツールでページフラグメントを開発しているなら、Liferay UI経由でインポートできるようにZIPファイルにパッケージ化することでデプロイできます。ただし、UI の使用に限定されません。...

公開日: 2024/05/09 18:57

Using an Editor Config Contributor Client Extension

Official Documentation

Using an Editor Config Contributor Client Extension Liferay DXP 2024.Q2+/Portal GA120+ Editor Config Contributor client extensions override existing CKEditor configuration in a...

公開日: 2024/05/09 18:54

フラグメントへの構成オプションの追加

Official Documentation

フラグメントへの構成オプションの追加対応可能：Liferay DXP 7.2 SP1以降構成可能なオプションを使用して、フラグメントを柔軟にすることができるので、似たようなフラグメントを多数管理する必要はありません。...

公開日: 2024/05/09 18:57

フラグメントへのスタイル適用

Official Documentation

フラグメントへのスタイル適用ページにフラグメントを追加すると、サイドバーメニューを使って、スタイル設定タブを含む、フラグメントを設定することができます。 The Styles tab in the sidebar menu allows you to configure the styles per fragment on a page. ...

公開日: 2024/05/09 18:57

提供されたフラグメントセットの作成

Official Documentation

提供されたフラグメントセットの作成提供されたフラグメントセットは、ページフラグメントを含むデプロイ可能なモジュールです。提供されたセットのフラグメントは、通常のフラグメントと同じように使用できますが、データベースには含まれておらず、UI から直接変更することはできません。 Liferay 7.3以降を実行している場合は、圧縮された ZIP...

公開日: 2024/05/09 18:57

フラグメント・コンフィギュレーションを使用する際のベストプラクティス

Official Documentation

フラグメント・コンフィギュレーションを使用する際のベストプラクティス独自の構成でサイトのページフラグメントを作成する場合、それらを安全かつ効果的にHTML表示で使用するのはあなたの責任です。ここでは、フラグメントをより効果的かつ強固にするためのテクニックを紹介します。構成テキスト値のエスケープ繰り返されるHTML要素にリストを使用する構成テキスト値のエスケープ...

公開日: 2024/05/09 18:57

フラグメント固有のタグと属性のリファレンス

Official Documentation

フラグメント固有のタグと属性のリファレンス標準的なHTML、CSS、JavaScriptに加えて、Liferay固有のタグや属性を使用して、編集可能なセクションを定義したり、ウィジェットを埋め込んだりすることができます。 ...

公開日: 2024/05/09 18:57

フラグメント設定タイプのリファレンス

Official Documentation

フラグメント設定タイプのリファレンスこのリファレンスには、フラグメントに使用可能な構成タイプがリストされています。フラグメントを設定可能にする方法については、フラグメントへの構成オプションの追加を参照してください。以下は実装できる構成可能なフラグメントタイプです。 text select checkbox colorPicker (Liferay 7.4+...

公開日: 2024/05/09 18:57

Fragment Specific Tags and Attributes Reference for Liferay 7.3 and Earlier Versions

Official Documentation

Fragment Specific Tags and Attributes Reference for Liferay 7.3 and Earlier Versions Along with standard HTML, CSS, and JavaScript, you can use Liferay-specific tags and attributes to define...

公開日: 2024/11/22 22:52

フラグメントドロップゾーンの定義

Official Documentation

フラグメントドロップゾーンの定義ドロップゾーンは、コンテンツページの構築に不可欠です。フラグメントの中に、ユーザーが他のフラグメントやウィジェットをドラッグ＆ドロップできる領域を定義することで、ユニークなページレイアウトや動的な表示を実現することができます。ドロップゾーンを定義するには、次の手順に従います。［サイト管理］ → ［デザイン］ → ［Fragments］...

公開日: 2024/05/09 18:57

フラグメントにデフォルトのリソースを含める

Official Documentation

フラグメントにデフォルトのリソースを含めるフラグメントセットに画像（例： .gif、.jpg、.jpeg、.png）を含めて、フラグメントで使用できるようにすることができます。ドキュメントとメディアなどの他のアプリケーションではなく、フラグメントと一緒に画像を保持すると便利です。ここでは、フラグメント...

公開日: 2024/05/09 18:57

フラグメントツールキットコマンドリファレンス

Official Documentation

フラグメントツールキットコマンドリファレンスフラグメントツールキットは、現在実行中の Liferay DXP インスタンスに接続して、フラグメントをインポートおよびエクスポートできます。ツールキットで作成したフラグメントをポータルに自動的にインポートすることもできます。次のコマンドを使用できます。コマンドDescription npm run...

公開日: 2024/05/09 18:57

開発者リファレンス

Official Documentation

開発者リファレンスフラグメントの開発リファレンス

公開日: 2024/05/09 18:57

フラグメント内の要素の順序を設定する

Official Documentation

フラグメント内の要素の順序を設定する対応可能：Liferay 7.4以降スライダーまたはタブフラグメントは、通常、情報の異なる領域を表示するために使用されるものです。スライダーは、この情報をスライドのカルーセルのように表示します。タブは複数あり、それぞれ異なる情報が表示されます。 ...

公開日: 2024/05/09 18:57

ページフラグメントエディタのインターフェイスリファレンス

Official Documentation

ページフラグメントエディタのインターフェイスリファレンスページフラグメントエディタのインターフェイスは、2 つのタブで構成されています。コードエディタ設定以下のセクションでは、インターフェイスのこれらの部分の使用方法について説明します。ページフラグメントの作成方法については、 Developing Page Fragments を参照してください。コードエディタ...

公開日: 2024/05/09 18:57

フラグメント設定の検証

Official Documentation

フラグメント設定の検証フラグメントの設定オプションを定義するときに、有効なエントリーのルールを決定する text タイプのフィールドに validation プロパティを追加することができます。ルールのタイプを指定することで、各フィールドが受け付けるデータのタイプを決定する：text、number、email、url、pattern`のいずれかである。...

公開日: 2024/05/09 18:57

Site Initializers

Official Documentation

Site Initializers Liferay DXP 2023.Q4+/Portal GA100+ Site Initializers package pages, content, and configurations to help you jump-start a new site with much of the site already built. You can...

公開日: 2024/10/16 16:33

Importing/Exporting Data

Official Documentation

Importing/Exporting Data Liferay Self-Hosted Liferay SaaS Liferay PaaS Liferay 7.4 If you want to import or export data from Liferay, you use batch client extensions. Use and reuse your data...

公開日: 2024/05/09 18:54

Batch YAML Configuration Reference

Official Documentation

Batch YAML Configuration Reference Use a client-extension.yaml file to define a batch client extension. Usage Details This client-extension.yaml file defines a client extension of type batch: ...

公開日: 2024/05/09 18:54

ページフラグメントでカスタムフィールドを使用する

Official Documentation

ページフラグメントでカスタムフィールドを使用するカスタムフィールドをLiferayのユーザーやページに追加した場合、フラグメントでアクセスすることができます。ページカスタムフィールドの値を取得するためには、以下のようにします。 layout.getExpandoBridge().getAttribute("ATTRIBUTE_NAME") ...

公開日: 2024/05/09 18:57

フラグメントエディターの使用

Official Documentation

フラグメントエディターの使用 Liferay DXPには、コンテンツページフラグメントを開発するためのビルトインエディタ。エディターにアクセスするには、 Site Menu( Site Menu ) を開き、 Design → Fragments に移動します。ここから、フラグメントとフラグメントセットの表示、管理、作成ができます。フラグメントセットの作成 ...

公開日: 2024/05/09 18:57

フラグメントツールキットの使用

Official Documentation

フラグメントツールキットの使用フラグメントツールキットは、お気に入りのツールを使用してフラグメントをローカルで作成および管理するのに役立ちます。ここでは、ツールキットを使用して、サンプルのフラグメントを含むフラグメントプロジェクトを生成し、デプロイして、独自のフラグメントセットを追加します。 Liferay DXP 7.4以降の場合、フラグメントコレクションはLiferay...

公開日: 2024/05/09 18:57

Development and Tooling