Search Results

Capability
Feature
Deployment Approach
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...
Published Date: Apr 26, 2024 8:56 PM
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 ::: ::::
Published Date: Apr 26, 2024 8:56 PM
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...
Published Date: Apr 26, 2024 8:56 PM
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...
Published Date: Apr 26, 2024 8:56 PM
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...
Published Date: Apr 26, 2024 8:56 PM
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...
Published Date: Apr 26, 2024 8:56 PM
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...
Published Date: Apr 26, 2024 8:56 PM
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...
Published Date: Apr 26, 2024 8:56 PM
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...
Published Date: Apr 26, 2024 8:56 PM
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: ...
Published Date: Apr 26, 2024 8:56 PM
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...
Published Date: Apr 26, 2024 8:56 PM
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...
Published Date: Apr 26, 2024 8:57 PM
Installing and Updating Blade CLI
Installing and Updating Blade CLI Blade CLI can be installed through a command line interface or a graphical installer. If you're behind a proxy, once it's installed you can configure it to operate...
Published Date: Apr 26, 2024 8:57 PM
Generating Projects with Blade CLI
Generating Projects with Blade CLI Blade CLI exists to create, build, and deploy Liferay projects in Liferay Workspaces. Once created, these projects can be imported into an IDE or worked on...
Published Date: Apr 26, 2024 8:57 PM
Creating A Liferay Workspace
Creating A Liferay Workspace You can create a Liferay Workspace manually or with Blade CLI. Creating a Liferay Workspace Manually To create a Liferay Workspace manually, you must have Gradle...
Published Date: Apr 26, 2024 8:57 PM
Blade CLI
Blade CLI :::: 2 :gutter: 3 3 3 3 ::: Installing and Updating Blade CLI :link: ./blade-cli/installing-and-updating-blade-cli.md ::: ::: Generating Projects With Blade CLI :link:...
Published Date: Apr 26, 2024 8:57 PM
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 ...
Published Date: Apr 26, 2024 8:57 PM
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...
Published Date: Apr 26, 2024 8:57 PM
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...
Published Date: Apr 26, 2024 8:57 PM
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:...
Published Date: Apr 26, 2024 8:57 PM
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: ...
Published Date: Apr 26, 2024 8:57 PM
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...
Published Date: Apr 26, 2024 8:57 PM
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...
Published Date: Apr 26, 2024 8:57 PM
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...
Published Date: Apr 26, 2024 8:57 PM
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...
Published Date: Apr 26, 2024 8:57 PM
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...
Published Date: Apr 26, 2024 8:57 PM
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...
Published Date: Apr 26, 2024 8:57 PM
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...
Published Date: Apr 26, 2024 8:57 PM
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....
Published Date: Apr 26, 2024 8:57 PM
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...
Published Date: Apr 26, 2024 8:57 PM
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. ...
Published Date: Apr 26, 2024 8:57 PM
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...
Published Date: Apr 26, 2024 8:57 PM
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:...
Published Date: Apr 26, 2024 8:57 PM
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...
Published Date: Apr 26, 2024 8:57 PM
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...
Published Date: Apr 26, 2024 8:57 PM
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...
Published Date: Apr 26, 2024 8:57 PM
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...
Published Date: Apr 26, 2024 8:57 PM
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...
Published Date: Apr 26, 2024 8:57 PM
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...
Published Date: Apr 26, 2024 8:57 PM
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...
Published Date: Apr 26, 2024 8:57 PM
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...
Published Date: Apr 26, 2024 8:57 PM
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. ...
Published Date: Apr 26, 2024 8:57 PM
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...
Published Date: Apr 26, 2024 8:57 PM
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...
Published Date: Apr 26, 2024 8:57 PM
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...
Published Date: Apr 26, 2024 8:57 PM
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...
Published Date: Apr 26, 2024 8:57 PM
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...
Published Date: Apr 26, 2024 8:57 PM
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...
Published Date: Apr 26, 2024 8:57 PM
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...
Published Date: Apr 26, 2024 8:57 PM
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...
Published Date: Apr 26, 2024 8:57 PM
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...
Published Date: Apr 26, 2024 8:57 PM
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...
Published Date: Apr 26, 2024 8:57 PM
Creating a Basic Custom Element
Creating a Basic Custom Element Liferay 7.4+ Custom element client extensions use Liferay's frontend infrastructure to register external, remote applications with the Liferay platform and render...
Published Date: Apr 26, 2024 8:56 PM
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...
Published Date: Apr 26, 2024 8:56 PM
Using Routes with Custom Elements
Using Routes with Custom Elements Liferay 7.4+ Custom element client extensions use Liferay's frontend infrastructure to register external applications with the Liferay platform and render them as...
Published Date: Apr 26, 2024 8:56 PM
Custom Element YAML Configuration Reference
Custom Element YAML Configuration Reference You can define a custom element client extension with a client-extension.yaml file. Usage Details This client-extension.yaml file defines a custom...
Published Date: Apr 26, 2024 8:56 PM
Integrating External Applications
Integrating External Applications Custom Element and IFrame client extensions register applications with Liferay and render them as widgets on site pages. When you create one of these frontend...
Published Date: Apr 26, 2024 8:56 PM
Object Validation Rule YAML Configuration Reference
Object Validation Rule YAML Configuration Reference To define an Object Validation Rule client extension, add the objectValidationRule type to your client-extension.yaml file. Usage Details This...
Published Date: Apr 26, 2024 8:56 PM
Object Action YAML Configuration Reference
Object Action YAML Configuration Reference You can define an object action client extension with a client-extension.yaml file. Usage Details This client-extension.yaml defines an object action and...
Published Date: Apr 26, 2024 8:56 PM
Notification Type YAML Configuration Reference
Notification Type YAML Configuration Reference You can define a notification type client extension with a client-extension.yaml file. Usage Details This client-extension.yaml file defines a...
Published Date: Apr 26, 2024 8:56 PM

Ask

Capabilities

Product

DXP

Contact Us

Connect

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