Search Results

Capability
Feature
Deployment Approach
Bundling and Installing Resources into Your Theme via Themelets
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/04/26 20:56
Client Extensions UI Reference
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/04/26 20:56
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/04/26 20:56
Working with Templates
Working with Templates :::: 2 :gutter: 3 3 3 3 ::: Embedding Widgets via Templates :link: ./working-with-templates/embedding-widgets-via-templates.md ::: ::::
公開日: 2024/04/26 20:56
Using a Theme Sprite Map Client Extension
Using a Theme Sprite Map Client Extension Liferay 7.4+ With a theme sprite map client extension, you can override the default Clay sprite map used for icons on a page. Start with the sample...
公開日: 2024/04/26 20:56
Setting Up an Environment and Creating a Theme
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/04/26 20:56
Theme CSS YAML Configuration Reference
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/04/26 20:56
JavaScript YAML Configuration Reference
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/04/26 20:56
Using a JavaScript Client Extension
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/04/26 20:56
Using a CSS Client Extension
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/04/26 20:56
Embedding Widgets via Templates
Embedding Widgets via 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/04/26 20:56
CSS YAML Configuration Reference
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/04/26 20:56
Upgrading a Theme
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/04/26 20:56
Using an Editor Config Contributor Client Extension
Using an Editor Config Contributor Client Extension Liferay DXP 2024.Q1+/Portal 7.4 GA112+ The translation status feature is currently behind a release feature flag (LPS-186870). Read Release...
公開日: 2024/04/26 20:56
Using a Theme CSS Client Extension
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/04/26 20:56
Using a Theme Favicon Client Extension
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/04/26 20:56
Theme Favicon YAML Configuration Reference
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/04/26 20:56
Editor Config Contributor YAML Configuration Reference
Editor Config Contributor YAML Configuration Reference Liferay DXP 2024.Q1+/Portal 7.4 GA112+ This feature is currently behind a release feature flag (LPS-186870). Read Release Feature Flags for...
公開日: 2024/04/26 20:56
Using Data Set View Actions
Using Data Set View Actions Liferay DXP 2024.Q1 U112 [Beta Feature](../../../system-administration/configuring-liferay/feature-flags.md#beta-feature-flags) Here are some examples for how to use...
公開日: 2024/04/26 20:56
Theme Sprite Map YAML Configuration Reference
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/04/26 20:56
Creating Data Sets
Creating Data Sets Liferay DXP 2024.Q1+/Portal 7.4 GA112+ [Beta Feature](../../system-administration/configuring-liferay/feature-flags.md#beta-feature-flags) This feature is currently behind a...
公開日: 2024/04/26 20:56
Data Sets
Data Sets Liferay DXP 2024.Q1+/Portal 7.4 GA112+ [Beta Feature](../system-administration/configuring-liferay/feature-flags.md#beta-feature-flags) Data sets are like virtual containers that help...
公開日: 2024/04/26 20:56
Creating Code with Liferay Workspace
Creating Code with Liferay Workspace Liferay Workspace is the developer's tool for creating and managing Liferay development projects. Creating Projects Blade CLI makes it easy to create projects...
公開日: 2024/04/26 20:57
What is Liferay Workspace?
What is Liferay Workspace? Liferay Workspace is a set of folders and Gradle scripts that represents the Liferay-opinionated way of handling a full development life cycle: Creating projects ...
公開日: 2024/04/26 20:57
Developer Tools Overview
Developer Tools Overview Liferay provides a variety of developer tools that include standard build scripting, lightweight CLI utilities, and full IDE based on Eclipse. This is to serve all...
公開日: 2024/04/26 20:57
Troubleshooting Blade CLI
Troubleshooting Blade CLI If Blade CLI isn't working as expected, you may find answers here. The blade command is not available in my CLI If you used the install script, the path to the blade...
公開日: 2024/04/26 20:57
Liferay Workspace
Liferay Workspace :::: 2 :gutter: 3 3 3 3 ::: What is Liferay Workspace :link: ./liferay-workspace/what-is-liferay-workspace.md ::: ::: Creating a Liferay Workspace :link:...
公開日: 2024/04/26 20:57
Creating Deployment Environments
Creating Deployment Environments There comes a point when your code is ready to share. For that, you must build an environment. In the corporate world, there are usually three environments: ...
公開日: 2024/04/26 20:57
Configuring Liferay Workspace
Configuring Liferay Workspace Liferay Workspace is simple to use, and you can learn the basics by starting [at the beginning](./what-is-liferay-workspace.md). If you're happily [creating...
公開日: 2024/04/26 20:57
Liferay CLI Tool
Liferay CLI Tool The Liferay CLI tool makes it easy to create Angular, JavaScript, React, shared bundle, or Vue.js projects to interface with Liferay's REST and GraphQL services. Using a liferay...
公開日: 2024/04/26 20:57
Configuring a Liferay Docker Container
Configuring a Liferay Docker Container Creating and deploying containers is an important part of the modern developer workflow. Liferay Workspace makes it easy to use Docker containers both for...
公開日: 2024/04/26 20:57
Changes Between Bundler 1.x and 2.x
Changes Between Bundler 1.x and 2.x This article outlines the key changes between liferay-npm-bundler version 1.x and 2.x. Automatically Formatting Modules for AMD In version series 1.x of the...
公開日: 2024/04/26 20:57
Migrating Your Project to Use liferay-npm-bundler's New Mode
Migrating Your Project to Use liferay-npm-bundler's New Mode Since issue #303, two modes of operation are available for the liferay-npm-bundler. You can preprocess files before the bundler runs, or...
公開日: 2024/04/26 20:57
Migrating an Angular Project to Use Liferay npm Bundler 2.x
Migrating an Angular Project to Use Liferay npm Bundler 2.x Follow these steps to migrate your Angular project to use liferay-npm-bundler 2.x. While liferay-npm-bundler 1.x relied on Babel to...
公開日: 2024/04/26 20:57
Default Bundler Loaders
Default Bundler Loaders Several loaders are available for the liferay-npm-bundler by default: babel-loader: processes source files with Babel. This avoids an extra build step before the bundler....
公開日: 2024/04/26 20:57
Bundler Migration Guide
Bundler Migration Guide :::: 2 :gutter: 3 3 3 3 ::: Migrating a liferay-npm-bundler Project from 1.x to 2.x :link: ./bundler-migration-guide/migrating-bundler-projects-intro.md ::: ::: Migrating...
公開日: 2024/04/26 20:57
Migrating a Plain JavaScript, Billboard JS, JQuery, Metal JS, React, or Vue JS Project to Use Liferay npm Bundler 2.x
Migrating a Plain JavaScript, Billboard JS, JQuery, Metal JS, React, or Vue JS Project to Use Liferay npm Bundler 2.x Follow these steps to migrate the framework projects shown below to use...
公開日: 2024/04/26 20:57
Migrating a liferay-npm-bundler Project from 1.x to 2.x
Migrating a liferay-npm-bundler Project from 1.x to 2.x liferay-npm-bundler 2.x offers more stability and includes more features out-of-the-box. If you already created a project using the 1.x...
公開日: 2024/04/26 20:57
Liferay npm Bundler
Liferay npm Bundler :::: 2 :gutter: 3 3 3 3 ::: Liferay npm Bundler :link: ./liferay-npm-bundler/liferay-npm-bundler-intro.md ::: ::: Understanding the Liferay npm Bundler Loader :link:...
公開日: 2024/04/26 20:57
Other Tools
Other Tools Liferay CLI Tool Liferay npm Bundler Liferay npm Bundler Understanding Bundler Loaders Changes Between Bundler 1.x and 2.x Default Bundler Loaders How Liferay and Loader...
公開日: 2024/04/26 20:57
How the Bundler Publishes npm Packages
How the Bundler Publishes npm Packages When you deploy an OSGi bundle with the specified structure, its modules are made available for consumption through canonical URLs. To better illustrate...
公開日: 2024/04/26 20:57
Understanding Bundler Configuration Presets
Understanding Bundler Configuration Presets The liferay-npm-bundler comes with a default configuration preset: liferay-npm-bundler-preset-standard. You may omit the liferay-npm-bundler prefix from...
公開日: 2024/04/26 20:57
How JavaScript Modules are Formatted for AMD
How JavaScript Modules are Formatted for AMD Liferay AMD Loader is based on the AMD specification. All modules inside an npm OSGi bundle must be in AMD format. This is done for CommonJS modules by...
公開日: 2024/04/26 20:57
How AMD Loader Configuration is Exported
How AMD Loader Configuration is Exported If you don't understand how Liferay AMD Loader works under the hood, please read [Liferay AMD Module Loader](./understanding-bundler-loaders.md) first. ...
公開日: 2024/04/26 20:57
Creating a Macro File
Creating a Macro File Test Scenario Write your first macro file using the test scenario below: You would like to test that your name does not appear on any learn.liferay.com article. The steps you...
公開日: 2024/04/26 20:57
Liferay npm Bundler
Liferay npm Bundler The liferay-npm-bundler is a bundler (like Webpack or Browserify) that targets Liferay Portal as a platform and assumes you're using your npm packages from widgets (as opposed...
公開日: 2024/04/26 20:57
Poshi Advantages
Poshi Advantages Simplified Syntax To make it easier for less technical testers to read and write test automation, Poshi uses a simplified Groovy-like script syntax. It is less wordy than most...
公開日: 2024/04/26 20:57
Setup
Setup Prerequisites Java JDK 8 Google Chrome Gradle or Gradle Wrapper 6.6.1 or higher. Setting up the Poshi Standalone Gradle Project Create a new directory, example poshi-standalone. ...
公開日: 2024/04/26 20:57
Poshi Basics
Poshi Basics New features, improvements, and system upgrades can sometimes introduce unexpected behaviors and bugs. Running suites of automated tests is an advantageous method of identifying issues...
公開日: 2024/04/26 20:57
Understanding the npmbundlerrc Structure
Understanding the npmbundlerrc Structure The liferay-npm-bundler is configured via a .npmbundlerrc file placed in the widget project's root folder. You can create a complete configuration manually...
公開日: 2024/04/26 20:57
OSGi Bundles and npm Package Structure
OSGi Bundles and npm Package Structure To deploy JavaScript modules, you must create an OSGi bundle with the npm dependencies extracted from the project's node_modules folder and modify them to...
公開日: 2024/04/26 20:57
Understanding the Liferay npm Bundler Loader
Understanding the Liferay npm Bundler Loader liferay-npm-bundler's mechanism is inspired by webpack. Like webpack, the liferay-npm-bundler processes files using a set of rules that include loaders...
公開日: 2024/04/26 20:57
Getting Started
Getting Started Previously, Poshi tests could only be executed by downloading and creating the test files within the Liferay source code. The Poshi Standalone gradle project enables you to use...
公開日: 2024/04/26 20:57
Poshi Test Automation
Poshi Test Automation Poshi is a test automation framework that is simple, easy to understand, and does not require prior development experience to get started. Poshi tests can be written to...
公開日: 2024/04/26 20:57
Creating A Path File
Creating A Path File Test Scenario Write your first path file using the test scenario below: You would like to test that your name does not appear on any learn.liferay.com article. The steps you...
公開日: 2024/04/26 20:57
Creating the Testcase File
Creating the Testcase File Test Scenario Write your first testcase file using the test scenario below: You would like to test that your name does not appear on any learn.liferay.com article. The...
公開日: 2024/04/26 20:57
Syntax Validation
Syntax Validation The Poshi Standalone grade projects includes a validation task that can be used to check your code for syntax errors before running your test. To use this, simply run ./gradlew...
公開日: 2024/04/26 20:57
Running a Test
Running a Test Open the poshi-ext.properties file on your poshi-standalone directory and add the following line, replacing the TestCaseFileName#TestCaseName with the one you created in Creating A...
公開日: 2024/04/26 20:57
Understanding Test Results and Debugging Tests
Understanding Test Results and Debugging Tests Poshi tests are run on the terminal or command line. When a test run is completed there are multiple ways to view the test results and diagnose test...
公開日: 2024/04/26 20:57
Functions
Functions In Poshi, Functions handle extra WebDriver commands that an element might require to interact with a page object or element. Functions combine the basic methods defined in the...
公開日: 2024/04/26 20:57

Capabilities

Product

Contact Us

Connect

Powered by Liferay
© 2024 Liferay Inc. All Rights Reserved • Privacy Policy