Combination View Flat View Tree View
Threads [ Previous | Next ]
toggle
Yan Naing Oo
customise layout template drag and drop fail
June 8, 2012 12:53 AM
Answer

Yan Naing Oo

Rank: Regular Member

Posts: 180

Join Date: February 17, 2011

Recent Posts

Hello there,
anybody know drag and drop could not be work on newly created custom layout template. below is that i use in the template.

<div id="main-content" role="main">
<table id="layout-grid" class="lfr-grid">
<tr>
<td class="lfr-column thirty" rowspan="3" valign="top">
$processor.processColumn("column-1")
</td>
<td class="lfr-column thirty" valign="top">
$processor.processColumn("column-2")
</td>
<td class="lfr-column thirty" rowspan="3" valign="top">
$processor.processColumn("column-3")
</td>
</tr>

<tr>
<td class="lfr-column thirty" valign="top">
$processor.processColumn("column-4")
</td>
</tr>
<tr>
<td class="lfr-column thirty" valign="top">
$processor.processColumn("column-5")
</td>
</tr>
</table>
</div>

-----------------
In Layout.css

.lfr-column.thirty{ width: 30%; }


thanks
David H Nebinger
RE: customise layout template drag and drop fail
June 8, 2012 5:50 AM
Answer

David H Nebinger

Community Moderator

Rank: Liferay Legend

Posts: 11770

Join Date: September 1, 2006

Recent Posts

What the heck does "drag and drop fail" mean anyway?

Are there stack traces in the console? Did the browser choke? Did your system get a blue screen of death?

We cannot read your mind nor see your environment. You'd have to provide details defining what the failure is before anyone can take a stab at it.
Maarten van Heiningen
RE: customise layout template drag and drop fail
June 8, 2012 7:20 AM
Answer

Maarten van Heiningen

Rank: Regular Member

Posts: 173

Join Date: February 5, 2009

Recent Posts

Hi,

I think it is because your html is broken. So it's a browser thing. You have to TD cells in your first row in the same table and in all the following table rows you have just one cell declared.

Most browsers don't like broken html and thus can cause strange things to happen. My suggestion is to not use a table with tr and td but replace them with a div.
This way you don't have to worry about browser interpret your layout code wrongly.

My suggested code:
 1
 2<div id="main-content" role="main">
 3<div id="layout-grid" class="lfr-grid">
 4<div class="lfr-column thirty" rowspan="3" valign="top">
 5$processor.processColumn("column-1")
 6</div>
 7<div class="lfr-column thirty" valign="top">
 8$processor.processColumn("column-2")
 9</div>
10<div class="lfr-column thirty" rowspan="3" valign="top">
11$processor.processColumn("column-3")
12</div>
13<div class="lfr-column thirty" valign="top">
14$processor.processColumn("column-4")
15</div>
16<div class="lfr-column thirty" valign="top">
17$processor.processColumn("column-5")
18</div>
19</div>
20</div>


Best Maarten
Yan Naing Oo
RE: customise layout template drag and drop fail
June 10, 2012 9:02 PM
Answer

Yan Naing Oo

Rank: Regular Member

Posts: 180

Join Date: February 17, 2011

Recent Posts

Hi Maarten,

I attached my customlayout .WAR file which is I added as your mention code for template, it is still issue. these portlets are not moving. it is like browser chokeing.
If you could know please share with me? below is attached for .war file that i created with.

thanks
Attachment

Attachments: custom_layout.PNG (57.4k), cutomtpl-layouttpl-6.0.6.1.war (7.5k)
henk huisman
RE: customise layout template drag and drop fail
June 22, 2012 5:27 AM
Answer

henk huisman

Rank: New Member

Posts: 11

Join Date: November 21, 2010

Recent Posts

Seems I am experiencing the same problems.

I made a custom theme in SDK Indigo.
If I deploy the theme on my production server the layout template 2 columns 70/30 does not work and always put my portlets in one broad column.
The drag and drop function shows one broad blue line over the complete width of my screen.

If I switch to the classic theme things work fine again.

I tried to make a new theme in SDK with only one line in de custom.css (body:{background=yellow}
Deploy it to my server and same thing happens.
If I deploy the theme on my local development computer (windows7) the theme works fine and I can put my portlets in the 70 or 30 columns.

I am looking into this problem for days now .
Found some threads on Loss of drag'n drop functionality but no anwers.
Yan Naing Oo
RE: customise layout template drag and drop fail
June 28, 2012 1:01 AM
Answer

Yan Naing Oo

Rank: Regular Member

Posts: 180

Join Date: February 17, 2011

Recent Posts

If somebody found that Issues and solution to fix, just let me know how.

thank
Oliver Bayer
RE: customise layout template drag and drop fail
June 28, 2012 1:55 AM
Answer

Oliver Bayer

Rank: Liferay Master

Posts: 889

Join Date: February 18, 2009

Recent Posts

Hi Yan,

maybe you can check you css id's of your theme. Take a look at the following thread Alloy not initialized for reference.

HTH Oli
henk huisman
RE: customise layout template drag and drop fail
June 28, 2012 4:58 AM
Answer

henk huisman

Rank: New Member

Posts: 11

Join Date: November 21, 2010

Recent Posts

Hello Yan,

look at
http://www.liferay.com/community/forums/-/message_boards/message/14450814

in my case it had to do with permissions on the server.

cheers
Henk
Yan Naing Oo
RE: customise layout template drag and drop fail
July 1, 2012 9:56 PM
Answer

Yan Naing Oo

Rank: Regular Member

Posts: 180

Join Date: February 17, 2011

Recent Posts

HI Henk,

I can manage to create custom layout and portlet can be drag n drop, it is successful. there has some additional for browser working for IE less than ver 8

1. In tpl file

<div class="mycustomtpl" id="main-content" role="main">
#if ($browserSniffer.isIe($request) && $browserSniffer.getMajorVersion($request) < 8)
<table>
#else
<div>
#end

</div>
if not your using above code segment, there will not be working IE 7 and less version.

2. if you are deploy with ant use command ->> ant clean deploy

3. Install .war file to Control Panel -- PlugIn Installation. done .

if you are directly copy the folder into liferay , there could be the permission issues in portlet.