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...
تاريخ النشر: 26‏/04‏/24 8: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...
تاريخ النشر: 26‏/04‏/24 8: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...
تاريخ النشر: 26‏/04‏/24 8: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 ::: ::::
تاريخ النشر: 26‏/04‏/24 8: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...
تاريخ النشر: 26‏/04‏/24 8: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...
تاريخ النشر: 26‏/04‏/24 8: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...
تاريخ النشر: 26‏/04‏/24 8: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...
تاريخ النشر: 26‏/04‏/24 8: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...
تاريخ النشر: 26‏/04‏/24 8: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...
تاريخ النشر: 26‏/04‏/24 8: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...
تاريخ النشر: 26‏/04‏/24 8: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: ...
تاريخ النشر: 26‏/04‏/24 8: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...
تاريخ النشر: 26‏/04‏/24 8: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...
تاريخ النشر: 26‏/04‏/24 8: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....
تاريخ النشر: 26‏/04‏/24 8: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...
تاريخ النشر: 26‏/04‏/24 8: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...
تاريخ النشر: 26‏/04‏/24 8: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...
تاريخ النشر: 26‏/04‏/24 8: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...
تاريخ النشر: 26‏/04‏/24 8: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...
تاريخ النشر: 26‏/04‏/24 8: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...
تاريخ النشر: 26‏/04‏/24 8: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...
تاريخ النشر: 26‏/04‏/24 8: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...
تاريخ النشر: 26‏/04‏/24 8: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 ...
تاريخ النشر: 26‏/04‏/24 8: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...
تاريخ النشر: 26‏/04‏/24 8: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...
تاريخ النشر: 26‏/04‏/24 8: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:...
تاريخ النشر: 26‏/04‏/24 8: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: ...
تاريخ النشر: 26‏/04‏/24 8: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...
تاريخ النشر: 26‏/04‏/24 8: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...
تاريخ النشر: 26‏/04‏/24 8: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...
تاريخ النشر: 26‏/04‏/24 8: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...
تاريخ النشر: 26‏/04‏/24 8: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...
تاريخ النشر: 26‏/04‏/24 8: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...
تاريخ النشر: 26‏/04‏/24 8: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....
تاريخ النشر: 26‏/04‏/24 8: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...
تاريخ النشر: 26‏/04‏/24 8: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...
تاريخ النشر: 26‏/04‏/24 8: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...
تاريخ النشر: 26‏/04‏/24 8: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:...
تاريخ النشر: 26‏/04‏/24 8: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...
تاريخ النشر: 26‏/04‏/24 8: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...
تاريخ النشر: 26‏/04‏/24 8: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...
تاريخ النشر: 26‏/04‏/24 8: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...
تاريخ النشر: 26‏/04‏/24 8: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. ...
تاريخ النشر: 26‏/04‏/24 8: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...
تاريخ النشر: 26‏/04‏/24 8: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...
تاريخ النشر: 26‏/04‏/24 8: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...
تاريخ النشر: 26‏/04‏/24 8: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. ...
تاريخ النشر: 26‏/04‏/24 8: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...
تاريخ النشر: 26‏/04‏/24 8: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...
تاريخ النشر: 26‏/04‏/24 8: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...
تاريخ النشر: 26‏/04‏/24 8: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...
تاريخ النشر: 26‏/04‏/24 8: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...
تاريخ النشر: 26‏/04‏/24 8: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...
تاريخ النشر: 26‏/04‏/24 8: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...
تاريخ النشر: 26‏/04‏/24 8: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...
تاريخ النشر: 26‏/04‏/24 8: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...
تاريخ النشر: 26‏/04‏/24 8: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...
تاريخ النشر: 26‏/04‏/24 8: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...
تاريخ النشر: 26‏/04‏/24 8: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...
تاريخ النشر: 26‏/04‏/24 8:57 م

Capabilities

Product

Contact Us

Connect

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