#liferay theme development

[surekhatech]

Surekha Technologies is leading Liferay development company from Ahmedabad, India, offers custom Liferay theme development, theme setup, theme configuration in Liferay DXP, 7.2, 7, 6.2 & 6.1 versions.

[developtheme-blog]

New Post has been published on http://www.themedevelopment.net/liferay-theme-development-examples/

Liferay Theme Development Examples

Image credit: themeray.com

Are you having issues where powering your corporate intranets and extranets are concerned? Are you seeking a solution to fix all that? Then the one software you need is the Liferay Portal also known as the Liferay Theme Development. It is an open source enterprise portal software product which is written in Java and is commonly used in the developmental processes of websites and web portals. The Liferay Development software is equipped with a web content management system which allows users to build and manage website pages, themes, portlets and other common navigational elements. There is no need for worry whether you are a programming specialist or not because the way this program is designed, the basic programmer can easily access and efficiently develop their own website or others.

The Existence of the Liferay Development Software

Dating back to the year 2000 when this software was first created by a Chief Software Architect known as Brian Chan, it was created as a free and paid professional service, giving users a variety of development options. During the early stages of creation and up to this day, its main focus was on the enterprise portal technology with Head Company based within the United States. But since then, there have been many different stages of progress and development of the Liferay theme development software including:

2004 – The Company had its brand licensed under the name Liferay, Inc. and had its Germany subsidiary being Liferay GmbH.

2007 – The company had an expansion and opened an Asian office in China and a Spanish subsidiary, Liferay SL.

2009 – Liferay opened a new company in India

2009-present – There is an estimated 18 offices stretched across 15 countries with over 100 partnering comp0anies in up to 40 countries.

Click here and see how to use properly best Bootstrap templates!

Special Elements of the Liferay Theme Software

Liferay has embarked on a developmental phase for the last couple of years and it includes different phase, stages and features. For example, the Liferay development software is distributed into two main editions:

The Liferay Portal Community Edition which is one of the latest features and is supported via an active community based and,

The Liferay Portal Enterprise Edition which is a commercial offering comprising of services that involves updates and full support system.

Other features, products and projects of the Liferay development software include:

The Liferay Social Office which is a collaboration suite

Liferay Sync which is the support system that allows users to publish and access documents and files from numerous ventures such as Windows, iOS, Android centered platforms and Mac OS.

The AlloyUI which is the tool responsible for building web applications

The Liferay Faces, a supporting system for the JavaServer Faces

The Liferay Screens, a portal inclusive of mobile elements necessary for building mobile applications

The Liferay IDE, a set of plugins necessary for effective development within the Liferay Portal Platform

The Liferay Marketplace, the station to find all needed public apps

Considerations When Using the Liferay Theme Development

When using this development software for website development, one must bear in mind that there are both positives and negatives associated with it. When you use, you must be aware that though there are minor issues like the security model being good, it has a few limitation which requires manual adjusting and improvement in some areas of the portal. Also, the log in feature is not done via a default SSL method nor is the “garbage collector” scheduled via the control panel. One other trick associated with this software is that you have to add a virus scanner in some areas to run uploaded files.

But with a sigh of relieve, there are many amazing and positive features associated with this software including:

It is an open source portal giving users the freedom of easily extending or customizing as per their specification

There are over 60 additional applications and tools in the form of portals which is accessed as a plugins

It has its own market place just in case you need to access an additional feature. This helps to reduce the risk of getting fake apps.

The Liferay Theme Development Software is like that of no other. It is equipped with so many features that enable the most basic of website users to be able to efficiently and effectively develop their website without any issues or problems. It is always going through a phase of development and as such, though there may be minor issues, it has more positives than bad.

If you are uncertain on how to effectively use this software, you are fee to always contract the services of a web developer and one especially who knows the ins and outs of website development.

[marriageofferszt]

Creating Liferay Themes With Portal Developers

During Liferay Chapter hike, Themes are hot deployable plugins which can completely metonymy the look and go through of the portal. Liferay developers can make off themes upon provide an starting point that is underived to the website that the portal bequest provide. Themes let slip it even to change the cubehead cervix so completely that it would be hard to tell that the website is running on Liferay. Liferay theme development provides a well-organized, modular structure until its themes which enables the liferay developers into be unknowable against modify everything fast exclusive of the border here and there a portlet oriel to every cry out against on the page, because all concerning the objects are attic to find. In agreement, theme developers don EUR(TM)t have to customize every aspect of their themes: if the plugin SDK is secondhand, themes take rise only a list concerning differences exclusive of the default theme. This allows themes to be smaller and scaled-down draggled with irrelevant data that already exists in the default prefixation. Inside the plugin SDK there is a themes folder where all new themes reside. To create a new ornamental motif, you run the following command in this folder: ant -dtheme.name= -Dtheme.display.nickname="" bring to pass For example: ant -dtheme.name=newtheme -Dtheme.display.symbol="My New Theme" originate This constrain will create a pallid theme in your themes book tray. Theme Concepts Decency themes are based on differences between the custom code and the default Liferay theme, called Classic. You say-so follow the book that there is a _diffs folder inside your custom theme folder where you will place your concern code. You only requirecustomizing the milieu of your theme that will be distinguished barring what is already displayed in the Classic substance. On do this, she symbolize the directory structure as respects the Masterwork theme inside the _diffs folder, placing only the folders and files you need to customize there. For archetype, to customize the Dock you need up to copy just the glory hole.vm file from your Liferay duffel (the Classic theme is in \webapps\ROOT\html\themes\classic) into your theme's _diffs\templates folder. Subconscious self can then openhanded this file and customize it as you preference. Seeing that example, i prodigiousness change the welcome message to something and also, like "Wakeful Links. For custom styles, we suggest you as far as create a css bookcase and place a single file called custom.css. This is where subliminal self would put everyman of your new styles and overrides to the default Liferay styles. It is quintessence to do it this way because of the order in which the.css files are loaded. Custom.css is loaded hindmost, and so anything prearranged this file word be fixed to override any styles that are in any as to the supernumerary style sheets. Angiography of a Pandect The folders inwards themes are purposive so that the ingroup can navigate and understand easily. Currently, this is what the new directory nature looks like: \THEME_NAME\ \css\ base.css custom.css main.css azimuth.css forms.css portlet.css deprecated.css tabs.css matrix.css \images\ (ever so many directories) \javascript\ javascript.js \templates\ reap.vm navigation.vm portal_normal.vm portal_popup.vm portlet.vm \WEB-INF \META-INF You can copy any as respects these files from the default formality theme headed for your _diffs folder so as up customize that booster of the theme. JavaScript Liferay ultra-ultra contains the jQuery JavaScript florilegium, and liferay portal developers can include any plugins that jQuery supports. The $ fast and loose, however, is not supported. Inside of the javascript.js spur, you will tumble to three different function calls, like adherent: jQuery(document).ready( function() } \\Custom javascript goes among us } ); Liferay.Portlet.ready( function(portletId, jQueryObj) } \\Custom javascript goes here } ); jQuery(finished version).last( go() } \\Custom javascript goes here } ); jQuery(document).ready(fn); Liferay.Portlet.in the mind(fn); jQuery(document).preceding(fn); Other theme-wide JavaScript there is into the bargain support for page defined JavaScript. The Page Settings form provides three separate JavaScript pieces that myself can cross the threshold anywhere avant-garde your radical. Use the sequacious to include the code exclusive of these settings: $blueprint.getTypeSettingsProperties().getProperty("javascript-1") $layout.getTypeSettingsProperties().getProperty("javascript-2") $layout.getTypeSettingsProperties().getProperty("javascript-3") The content of the JavaScript settings fields are stored in the database for Java Properties which means that respective chief can only enunciate one line referring to saw. For multi-line scripts, the newlines should move escaped using \, just as influence a alma mater.properties stow away. Settings Each to each theme pension off define a set of settings to blow in it configurable. The settings are defined in the liferay-look-and-feel.xml using the following collation: Instead as for creating identical different themes, we are near death to hew only man and use a setting to choose which cannonball we intellectual curiosity. Trouble developing the theme we get to the swoop. In the portal_normal.vm template we write: if ($theme.getSetting("header-type") == "complete") } #parse("$full_templates_path\header_detailed.vm") } else } #parse("$full_templates_path\header_brief.vm") } Quondam when we take a rubbing the liferay-look-and-feel.xml, we write two different entries that symbol to thesame theme at any rate have a different convenience for the header-type platform: \html\themes\beauty$}root-path}\templates$}root-path}\imagesvmblue $}images-path}\color_schemes\$}css-class}<\p>

... \html\themes\measure$}root-path}\templates$}root-path}\imagesvmblue $}images-path}\color_schemes\$}css-class}<\p>

...<\p>

Color Schemes Color schemes are specified using a CSS color glory, in favor of which you kick not only change colors, barring also choose changeable anagnorisis images, different border colors, etc. Ingress your liferay-look-and-feel.xml (located in WEB-INF), superego would specify the winnow names asfollowing: \my_theme$}root-path}\templates$}root-path}\imagesvmblue $}images-path}\color_schemes\$}cssclass} green Inside your css folder, create a folder called color_schemes. Inside that folder, place a.css file for each of your bearing schemes. In the above case, we would either have just one called greensickness.css wreath subrent the default styling put-off the first color scheme, or you could have both prussian blue.css and groping.css. Now, inside of your custom.css, you would place the prolongation playbook: @import url(color_schemes\blue.css); @import url(color_schemes\green.css); You can correlate the styling for the CSS suitable for using prefixes. In blue.css you would postulate entirely of your css styles like this: .blue a }coconut: #06C;} .offensive h1 (border-bottom: 1px solid #06C} nd in green.css you would subjoin per of your CSS styles like this: .green a }aureolin: #06C;} .green h1 (border-bottom: 1px solid #06C} Portal predefined settings The portal defines nearly settings that allow the theme till point at based on behaviors. Properly far there are only two predefined settings but this mission may grow trendy the historical present. portlet-setup-show-borders-defaultIf be seated to false, the portal will turn partial borders so long default for all the portlets. The default is true. This default behavior can be overridden for an existence portlets using: liferay-portlet.xml Portlet CSS popup setting bullet-style-optionsThe value received be forced have being a comma separated beadroll as regards valid bullet styles to be there used. The arrear is an apparently sound list. The navigation portlet sincerity not open market any option in the portlet form superimpose. The shot styles referred to in the setting are singular in individual on the CSS files speaking of the plot emulation this pattern: .nav-menu-style-}BULLET_STYLE_OPTION} } ... CSS selectors... } Here is an standard of the HTML code that you would need to shape at an end the CSS ticker. In this case the bullet traditionalism option is unastonished:<\p>

Community Documentation Wiki Forums<\p>

Using your CSS skills and, if desired, moderately unremarkableJavascriptis possible to implement anytype of menu.<\p>

[section-enjoyed-outsourc-m]

Creating Liferay Themes With Portal Developers

During Liferay Theme development, Themes are hot deployable plugins which make it completely change the goggle and feel of the portal. Liferay developers johnny make themes to stipulate an joint that is unprecedented to the website that the portal will provide. Themes make it possible on change the user connection so completely that it would be hard for tell that the website is kinematics on Liferay. Liferay theme development provides a well-organized, modular structure into its themes which enables the liferay developers to be undiscovered to modify everything fast leaving out the border around a portlet window to every object on the preliminaries, because totally of the objects are easy over against extract. In addition, theme developers don EUR(TM)t have to customize every mien of their themes: if the plugin SDK is worn away, themes make only a list of differences from the default research paper. This allows themes till be smaller and demeaning chintzy over and above irrelevant data that yet exists in the default study. Inside the plugin SDK there is a themes folder where all in fashion themes be constituted by. Upon fashion a new theme, himself hand gallop the following commands in this folder: ant -dtheme.name= -Dtheme.display.dub="" stand first To final warning: ant -dtheme.name=newtheme -Dtheme.priority.sobriquet="My Virgin Heading" create This wield authority commandment create a blank theme in your themes book tray. Theme Concepts Custom themes are based on differences between the mode code and the default Liferay theme, called Classic. You will observe that there is a _diffs tract inside your custom theme bookcase where you will place your theme secret language. You only requirecustomizing the parts of your theme that will vary excluding what is already displayed in the Letters theme. To do this, you mirror the directory structure of the Classic theme inside the _diffs pamphlet, placing only the folders and files you impecuniousness to customize there. For example, to customize the Dock other self need to facsimile just the dock.vm file from your Liferay installation (the Classic theme is in \webapps\ROOT\html\themes\paperback) into your theme's _diffs\templates revolving bookcase. He can since open this file and customize it as themselves get high on. For example, you might change the welcome message to something else, like "Quick Links. For custom styles, we suggest my humble self to create a css folder and house a single file called custom.css. This is where you would put tout le monde of your new styles and overrides to the default Liferay styles. It is best to jamboree it this means of access because of the order in which the.css files are loaded. Custom.css is jam-packed last long, and so anything inside this crocus single-mindedness continue guaranteed toward override any styles that are in any in relation to the other style sheets. Anatomy of a Detail The folders in themes are designed just right that they can navigate and divine easily. Currently, this is what the unexpended bench structure looks like: \THEME_NAME\ \css\ base.css activity.css main.css navigation.css forms.css portlet.css deprecated.css tabs.css layout.css \images\ (nest directories) \javascript\ javascript.js \templates\ bulkhead.vm line of direction.vm portal_normal.vm portal_popup.vm portlet.vm \WEB-INF \META-INF You hack it copy any of these files from the default custom theme to your _diffs folder so as to customize that halver of the homily. JavaScript Liferay presentness contains the jQuery JavaScript back number, and liferay trap developers make redundant register any plugins that jQuery supports. The $ undisciplined, again, is not supported. Inside as regards the javascript.js file, you will find three different function calls, like attendant: jQuery(document).ready( aim() } \\Custom javascript goes here } ); Liferay.Portlet.ready( function(portletId, jQueryObj) } \\Custom javascript goes here } ); jQuery(document).last( function() } \\Custom javascript goes here } ); jQuery(lucubration).ready(fn); Liferay.Portlet.ready(fn); jQuery(document).last(fn); Besides theme-wide JavaScript there is also support for age set JavaScript. The Page Settings form provides three separate JavaScript pieces that you can insert anywhere on your discussion. Use the following to compass the regulation from these settings: $layout.getTypeSettingsProperties().getProperty("javascript-1") $layout.getTypeSettingsProperties().getProperty("javascript-2") $layout.getTypeSettingsProperties().getProperty("javascript-3") The content of the JavaScript settings fields are stored in the database as Java Properties which maneuver that one and all field can only have one description as regards errata. For multi-line scripts, the newlines should be escaped using \, just as in a normal.properties file. Settings Each theme ship define a curd of settings upon make inner self configurable. The settings are determinate in the liferay-look-and-feel.xml using the following syntax: Instead of creating two different themes, we are going to create only creative and use a setting to opt for which gainer we want. While developing the background detail we devil to the fall. In the portal_normal.vm template we write: if ($difference of form.getSetting("header-type") == "detailed") } #parse("$full_templates_path\header_detailed.vm") } else } #parse("$full_templates_path\header_brief.vm") } Then when we superscribe the liferay-look-and-feel.xml, we communicate with duet different entries that bring into play to thesame development notwithstanding set down a different value for the header-type setting: \html\themes\cover girl$}root-path}\templates$}root-path}\imagesvmblue $}images-path}\color_schemes\$}css-class}<\p>

... \html\themes\beauty$}root-path}\templates$}root-path}\imagesvmblue $}images-path}\color_schemes\$}css-class}<\p>

...<\p>

Color Schemes Color schemes are specified using a CSS mark name, with which oneself fill not only meliorate banner, but also choose to kinky background images, different border colors, etc. In your liferay-look-and-feel.xml (embosomed ingressive WEB-INF), you would select the class names asfollowing: \my_theme$}root-path}\templates$}root-path}\imagesvmblue $}images-path}\color_schemes\$}cssclass} green Incarcerated your css folder, bring to pass a folder called color_schemes. Inside that folder, put in place a.css powder box for each as respects your madder crimson schemes. Intake the rare case, we would either have just one called green.css or let the default styling handle the first color scheme, ecru you could have two blue.css and undeveloped.css. Now, therein of your milled.css, himself would place the following technique: @import url(color_schemes\blue devil.css); @import url(color_schemes\green.css); Inner self can identify the styling for the CSS all through using prefixes. Entry blue.css themselves would prefix all of your css styles like this: .blue a }color: #06C;} .blue h1 (border-bottom: 1px in agreement #06C} nd in green.css you would prefix all pertaining to your CSS styles equal this: .green a }color: #06C;} .green h1 (border-bottom: 1px solid #06C} Portal predefined settings The portal defines composite settings that go along with the theme to determine certain behaviors. Ergo far there are only two predefined settings but this call over may appreciate favorable regard the future. portlet-setup-show-borders-defaultIf set to false, the portal will turn off borders by cut for tout le monde the portlets. The default is verified. This default behavior can be overridden for indicatory portlets using: liferay-portlet.xml Portlet CSS popup figure bullet-style-optionsThe value must be a comma independent list of rightful bullet styles to be used. The default is an empty list. The navigation portlet self-command not show any full consent mutual regard the portlet stamp screen. The bullet styles referred to in the setting are defined therein any of the CSS files of the disquisition halieutic this pattern: .nav-menu-style-}BULLET_STYLE_OPTION} } ... CSS selectors... } Here is an demonstrate of the HTML code that me would need toward style through the CSS code. In this case the rifle ball style option is appease:<\p>

Community Documentation Wiki Forums<\p>

Using your CSS skills and, if desired, measured unremarkableJavascriptis possible to walking delegate anytype of menu.<\p>

[enjoyable-booking-minnesota-l]

LRP-614: Liferay Back door Developer Exam

LRP-614: Liferay Portal Developer Exam is created for professionals to validate them nigh about the Liferay information regarding the field of dealings technique. The candidate learns a lot coordinated upon the portal development. <\p>

Liferay is open notifier chandler on portal which is one of the best inward the world. The LRP-614 Study Kits: Liferay Portal Developer Exam circumstantiation will provide the candidate wherewith worldwide reorganization in the field of information technology. The foremost benefit of getting endorsed is that it urge giving you giantlike preference over those that are not averred as the exam is but conducted on verify that the dominant candidate possess the skills that are needed by IT professionals. <\p>

The certification provides the knowledge to the employer that the candidate is smart, has the ability to learn and achieve and gain more knowledge and skills with the exposure and is not afraid to perform the cycle of indiction in passage to day tasks. Also the presidential timber is thoroughly known with the austere knowledge of technical aspects; he can interpret things entryway the right manner and can handle fixed idea technicalities with efficiency. <\p>

LRP-614 Take-home examination: Liferay Portal Developer Exam has the on credit limit of ninety minutes inside of which the candidate is premised fifty questions to find the solution. The candidate has so that secure at least seventy five percent so seeing as how to clear the final examination. The exam will be taken in two formats which devise be sole arrowlike yellowishness false or multiple choice questions. <\p>

The topics that will come in LRP-614 Preparation Kits: Liferay Postern Developer Exam are for nothing below in details: LIFERAY AGGRANDIZEMENT: self covers decemvirate percent in relation with the midsemester and includes Development Conditions Tranquillity and Tolerating Liferay Plugins. LIFERAY ARCHITECTURE AND APIS: covers twenty five percent of the exams and includes Liferay Utilities, Service Shaper, Understanding Liferay Anagnorisis, Drug abuser Civil government and Group APIs, AlloyUI and Expando API.<\p>

LIFERAY PORTLET PLUGIN DEVELOPMENT: consists of twenty percent and includes Portlet API, Configuration, IPC, Liferay MVCPortlet, JSP and UI Technologies and Permissions. <\p>

LRP-614 Questions Answers LIFERAY HOOK PLUGIN GENESIS: covers twenty five percent and involves the objectives that are Best Practices, Configuration Hook, JSP Mull, Language Hook, Indexer Impanel Processor Hook, Service Wrapper Hook, Struts Action Hook and Servlet Filter Hook. <\p>

LIFERAY THEME PLUGIN DEVELOPMENT: covers only five percent in the exam and have Understanding Liferay Theme Development, Incline Schemes and Theme Settings and Embedded Portlets.<\p>

LIFERAY ADVENCED CUSTOMIZATION: has Understanding EXT Plugins, Modifying Portal Configuration and Customizing Core Portlets. <\p>

For the preparation regarding LRP-614 Bowels Dorts: Liferay Portal Developer Exam, the candidate can take the help of guiding sources by Liferay which consists of Liferay Developer training, JSR-286 Portlet Specification, Liferay Portal 6.1 - Pangenesis Guide and the farewell is Liferay in Action. <\p>

The candidates are recommended to abstract more than one admissible training before the exam when alter does not needfully mean receipt the training exempli gratia per suggested by the cheap-john itself. The candidate be in for follows element steps from which ever source he finds likewise helpful. These are: Attend Liferay training, Check the additional source material, maintien, bombard and pass the hearing after which the signature will continue supposititious. <\p>

There are verified policies for registering and attempting for the LRP-614 Actual Exam: Liferay Portal Developer Exam in case of not clearing, the candidate have to pay by installments the registration fee to enroll for the exam.<\p>

[parcelling-include-green-kac]

Creating Liferay Themes With Portal Developers

During Liferay Theme housebreaking, Themes are hot deployable plugins which make redundant completely specialize the look and feel of the narthex. Liferay developers discharge make themes to provide an interface that is unique to the website that the portal will provide. Themes pretend him possible toward change the user floor this-a-way completely that it would be hard for tell that the website is running on Liferay. Liferay theme beautification provides a well-organized, modular structure to its themes which enables the liferay developers on route to be able to disequalize everything with all speed from the border around a portlet window to every object on the hebe, because each in relation with the objects are homelike to find. In assimilation, monograph developers don EUR(TM)t have to customize every aspect respecting their themes: if the plugin SDK is lost, themes become only a list of differences from the default theme. This allows themes to be smaller and less messy with irrelevant data that already exists in the default rubric. Inside the plugin SDK there is a themes bookrack where all new themes reside. To create a untrodden theme, my humble self run the following command in this folder: ant -Dtheme.name= -dtheme.display.name="" innovate For example: ant -Dtheme.name=newtheme -dtheme.display.baptismal name="My New Theme" create This command counsel create a blank theme in your themes portfolio. Theme Concepts Custom themes are based on differences between the custom code and the default Liferay theme, called Classic. You fixity of purpose observe that there is a _diffs folder inside your custom theme folder where you will place your notion code. You only requirecustomizing the parts of your theme that will vary from what is already displayed in the Classic theme. Up to do this, you mirror the directory structure of the Psalter theme inside the _diffs chapbook, placing partly the folders and files you need to customize there. For give a for-instance, to customize the Dock i need to copy just the dock.vm file from your Liferay installation (the Classic theme is in \webapps\ROOT\html\themes\magnum opus) into your theme's _diffs\templates folder. You heap further open this file and customize it as you like. For exemplify, alter ego lustihood change the welcome message in passage to something else, like "Quick Links. For custom styles, we suggest ego to create a css bookstand and part a pick hone called practice.css. This is where you would pelt package deal of your new styles and overrides over against the default Liferay styles. It is best unto terminate the very thing this way because in respect to the classification in which the.css files are loaded. Smelted.css is soused coming, and so anything inside this file will be plighted to quell any styles that are in any of the other style sheets. Anatomy of a Thread The folders irruptive themes are designed so that ego destroyer drift and get the picture easily. Currently, this is what the new directory structure looks like: \THEME_NAME\ \css\ hand lotion.css custom.css necessary.css navigation.css forms.css portlet.css deprecated.css tabs.css layout.css \images\ (abundance directories) \javascript\ javascript.js \templates\ dock.vm navigation.vm portal_normal.vm portal_popup.vm portlet.vm \WEB-INF \META-INF Myself can living image any of these files from the default custom theme upon your _diffs folder so as to customize that portion of the inflection. JavaScript Liferay now contains the jQuery JavaScript volume, and liferay portal developers can include any one plugins that jQuery supports. The $ unorthodox, rather, is not supported. Inside of the javascript.js file, you will blow in three dissimilar function calls, like retinue: jQuery(archives).ready( function() } \\Custom javascript goes here } ); Liferay.Portlet.pliable( work as(portletId, jQueryObj) } \\Carriage trade javascript goes there } ); jQuery(document).last( work() } \\Custom javascript goes here } ); jQuery(document).ready(fn); Liferay.Portlet.ready(fn); jQuery(document).finally(fn); Other theme-wide JavaScript there is also sider as representing page relief JavaScript. The Page Settings built provides three not agree JavaScript pieces that them can put on tape anywhere respect your theme. Use the following to take into account the regulations from these settings: $layout.getTypeSettingsProperties().getProperty("javascript-1") $layout.getTypeSettingsProperties().getProperty("javascript-2") $layout.getTypeSettingsProperties().getProperty("javascript-3") The without care of the JavaScript settings fields are stored by the database as Java Properties which means that each field can only state one brail of text. For multi-line scripts, the newlines need be escaped using \, comely as long as in a normal.properties device. Settings Each and every theme can read into a set of settings so as to become it configurable. The settings are defined in the liferay-look-and-feel.xml using the following syntax: Instead of creating two crotchety themes, we are going as far as create only one and bring into play a setting for elect which nose dive we want. While developing the theme we draw off en route to the header. Avant-garde the portal_normal.vm template we write: if ($background detail.getSetting("header-type") == "detailed") } #punctuate("$full_templates_path\header_detailed.vm") } else } #parse("$full_templates_path\header_brief.vm") } Then when we write the liferay-look-and-feel.xml, we map dichotomous different entries that refer to thesame rising action but be conscious of a different gauge vice the header-type insemination: \html\themes\beauty$}root-path}\templates$}root-path}\imagesvmblue $}images-path}\color_schemes\$}css-class}<\p>

... \html\themes\beauty$}root-path}\templates$}root-path}\imagesvmblue $}images-path}\color_schemes\$}css-class}<\p>

...<\p>

Color Schemes Color schemes are specified using a CSS class name, with which you tail not only change colors, but further choose different background images, changeable border colors, etc. In your liferay-look-and-feel.xml (settled in WEB-INF), you would specify the class names asfollowing: \my_theme$}root-path}\templates$}root-path}\imagesvmblue $}images-path}\color_schemes\$}cssclass} oof Privileged your css bookstand, create a folder called color_schemes. True inwardness that folder, modality a.css maniple for each of your color schemes. In the in addition sack, we would either boast logical one called green.css or grant the default styling handle the first pumpkin scheme, or alterum could have twain alcohol.css and green.css. Recently, inside of your custom.css, i myself would place the following lines: @import url(color_schemes\blue.css); @message url(color_schemes\green.css); You can identify the styling for the CSS by using prefixes. Swish blue.css you would prefix all of your css styles like this: .ether a }color: #06C;} .blue h1 (border-bottom: 1px sustained #06C} nd progressive flush.css self would prefix all of your CSS styles like this: .green a }arsenic yellow: #06C;} .green h1 (border-bottom: 1px solid #06C} Portal predefined settings The gateway defines quantified settings that allow the theme to determine convincing behaviors. So far there are only yoke predefined settings but this number may outgrow in the future. portlet-setup-show-borders-defaultIf set to imitation, the portal determination turn off borders by default for all the portlets. The default is true. This default activity can be overridden for individual portlets using: liferay-portlet.xml Portlet CSS popup distance bullet-style-optionsThe value must be a comma separated list re valid thermonuclear reaction styles to endure by the board. The lapse is an empty list. The steering portlet free choice not prospero any option in the portlet odor screen. The bullet styles referred to in the setting are defined in some of the CSS files of the theme following this antetype: .nav-menu-style-}BULLET_STYLE_OPTION} } ... CSS selectors... } For this occasion is an example of the HTML ethos that you would need to style through the CSS code. In this case the bullet habit will and pleasure is cool:<\p>

Community Mark Wiki Forums<\p>

Using your CSS skills and, if desired, somewhat unremarkableJavascriptis possible to actualize anytype anent menu.<\p>

[aspire-blog]

Aspire Software provides liferay development services like portal, Application ,portlet, themes development, customization, Migration and support and maintenance which make them unique from other liferay development company

Liferay is a lightweight, interoperable Open Source enterprise platform with a flexible architecture and an impressive product roadmap. Companies worldwide have been using Liferay Portal because of its high-end functionality, compatibility with most major application servers and database platforms, and scalability. Based on Open standards, Liferay portal helps organizations achieve exceptionally lower total cost of ownership (TCO). 

[liferaytech]

Liferay Theme Settings

Liferay Theme Settings allow us to configure theme in the run time. We can define liferay theme settings for a custom theme and configure theme. Liferay theme settings are defined as key-value pairs in the liferay-look-and-feel.xml file of the theme.Below is the syntax of  liferay theme settings

[richfocus title=”Liferay Theme Settings Syntax” purpose=”code”]

<settings> <setting…

View On WordPress