Knowledge Sharing & Entertainments: March 2014

Friday 21 March 2014

Create CQ5 project using maven Command prompt

maven Archetype for the CQ5 project is multimodule-content-package-archetype

cmd> mvn archetype:generate
-DarchetypeRepository=http://repo.adobe.com/nexus/content/groups/public/
-DarchetypeGroupId=com.day.jcr.vault
-DarchetypeArtifactId=multimodule-content-package-archetype
-DarchetypeVersion=1.0.2
-DgroupId=my-group-id
-DartifactId=myproject
-Dversion=1.0-SNAPSHOT
-Dpackage=com.mycompany.myproject
-DappsFolderName=myproject
-DartifactName="My Project"
-DcqVersion="5.6.1"
-DpackageGroup="My Company"

(before execute the command, verify did you install maven into your system).
It ask the conformation for create the project. Press y

Thursday 6 March 2014

Table creation using css (display:table) property

<html><head>
<style type="text/css">
body {
font-family:verdana;
font-size:12px;
margin: 0;
}

.parent_new {
border:1px solid red;
width:100%;
display: table;
border: none;
text-align: center;

}
.row_level
{
display:table-row;
}
.cell-level {
display:table-cell;

vertical-align:middle;
padding: 10px;
}
.left{
border-right:1px solid red;
border-bottom:1px solid red;
}
.right{
border-left:1px solid red;
border-bottom:1px solid red;
}
.clr { clear:both; }

.colsspan{
position:absolute;
left:0px;
right:0px;
border:1px solid red;

}
</style>
</head>
<body>
<div class="parent_new">
<div class="row_level">
<div class="cell-level left">float left div here only static content
</div>
<div class="cell-level right">
float right div dynamic content here<br>
float right div dynamic content here<br>
float right div dynamic content here<br>
float right div dynamic content here<br>
float right div dynamic content here<br>
float right div dynamic content here<br>
float right div dynamic content here<br>
float right div dynamic content here<br>
</div>
</div>
<div class="row_level">
<div class="cell-level colsspan">float left div here only static content
</div>

</div>
<div class="clr"></div>

</div>

</body></html>