The goal of Page Fragments is to take a mock-up design and realize it on a web page as accurately as possible. To do this, developers are given a space where they have a “blank slate.” You have three tools at your disposal to accomplish this:

HTML: The markup of the fragment. Fragments use standard HTML with special tags to add dynamic behavior.

CSS: CSS styles and positions the fragment’s markup.

JavaScript: JavaScript provides dynamic behavior to the fragment.

The HTML, CSS, and JavaScript are all completely standard, just like anywhere else on the web, but are also enhanced with Liferay-specific features. You can specify text and images as editable, as well as providing for “rich text”: that is, text with additional formatting. Liferay portlets can also be embedded in Fragments as “widgets,” making pages with Fragments more dynamic than regular web content.

Creating a Fragment

The first example is simple. If you aren’t sure about the basics of Fragments and Collections, you should read Creating Page Fragments first so you know what you’re getting yourself into. Go to...

Leer más

Fragment Specific Tags

While HTML, CSS, and JavaScript are universal tools for building websites, Liferay Portal includes some additional tools to make fragments more powerful. One tag can make text editable not just in...

Leer más

Recommendations and Best Practices

In general all your code should be semantic and highly reusable. A main concern is making sure that everything is namespaced properly so it won’t interfere with other elements on the page outside...

Leer más
0 (0 Votos)
Web Experience Management Anterior