フォーラム

ホーム » Liferay Portal » English » 3. Development

構造的に表示 平面上に表示 ツリー上に表示
スレッド [ 前へ | 次へ ]
toggle
what to modify in New blank theme which brakes layout Sasha Firsov 2011/04/07 13:17
RE: what to modify in New blank theme which brakes layout Mika Koivisto 2011/04/07 15:57
RE: what to modify in New blank theme which brakes layout Sasha Firsov 2011/04/07 16:12
RE: what to modify in New blank theme which brakes layout Mika Koivisto 2011/04/11 19:06
RE: what to modify in New blank theme which brakes layout Sasha Firsov 2011/04/12 14:12
RE: what to modify in New blank theme which brakes layout Daniel Lipski 2011/04/13 5:14
RE: what to modify in New blank theme which brakes layout Mika Koivisto 2011/04/13 11:06
RE: what to modify in New blank theme which brakes layout Sasha Firsov 2011/04/13 11:39
RE: what to modify in New blank theme which brakes layout Mika Koivisto 2011/04/13 12:45
RE: what to modify in New blank theme which brakes layout Sasha Firsov 2011/04/13 13:02
RE: what to modify in New blank theme which brakes layout Mika Koivisto 2011/04/13 13:53
RE: what to modify in New blank theme which brakes layout Ivano Carrara 2011/08/15 11:21
RE: what to modify in New blank theme which brakes layout Bradley Wood 2011/08/16 14:18
RE: what to modify in New blank theme which brakes layout archana thakur 2012/05/18 2:49
RE: what to modify in New blank theme which brakes layout Ajeykumar Hulivana Boregowda 2012/05/18 4:12
RE: what to modify in New blank theme which brakes layout Hitoshi Ozawa 2012/05/18 4:26
Not Overriding custom.css in _diff folder in theme Pradip A Bhatt 2013/01/30 1:13
RE: Not Overriding custom.css in _diff folder in theme Mika Koivisto 2013/01/30 9:45
RE: Not Overriding custom.css in _diff folder in theme Pradip A Bhatt 2013/01/30 22:05
RE: what to modify in New blank theme which brakes layout Bradley Wood 2011/08/16 14:46
RE: what to modify in New blank theme which brakes layout Nagaraja Chokkavarapu 2012/01/31 11:51
RE: what to modify in New blank theme which brakes layout Hitoshi Ozawa 2012/05/18 4:22
Sasha Firsov
what to modify in New blank theme which brakes layout
2011/04/07 13:17
答え

Sasha Firsov

ランク: New Member

投稿: 6

参加年月日: 2011/04/07

最近の投稿

Using fresh installation of tomcat bundle, Plugin SDK and Eclipse.
The new theme war file compiled and deployed, theme is listed.
Bugs:
- No preview image.
- Broken layout(CSS?) once theme is chosen.

The theme has nothing customized and once applied, shall be identical to default one.
For magic reason it did not happen. The styling is broken apart and blocks lost their width making one long list of items instead of rectangular blocks.

Q. What shall be done on freshly created theme project to make it identical to default?
By the book, nothing emoticon

Thanks,
Sasha
Mika Koivisto
RE: what to modify in New blank theme which brakes layout
2011/04/07 15:57
答え

Mika Koivisto

LIFERAY STAFF

ランク: Liferay Legend

投稿: 1505

参加年月日: 2006/08/07

最近の投稿

The default theme that comes from plugins sdk is based on _styled not classic. If you want to base your theme on classic (this is not recommended) you can change the base theme by editing build.xml of the theme plugin and set theme.parent property to classic like this:
1<property name="theme.parent" value="classic" />
Sasha Firsov
RE: what to modify in New blank theme which brakes layout
2011/04/07 16:12
答え

Sasha Firsov

ランク: New Member

投稿: 6

参加年月日: 2011/04/07

最近の投稿

Nor "classic" not "_styled" do not fix the issue. Layout still broken.

I would expect the freshly created theme to work immediately without any changes.
Obviously if no changes done, nothing should be changed after applying the theme.
Am I wrong in that expectation?

Definitely, the goal is modifying of this and that. But from working state and step by step. Issue is that there is no working start point.

May be I could take the source for one of existing themes and use it instead of SDK generated one? But than what is the point in generating of non-working project?

Could you recommend some theme which is closest to LifeRay default and could be used for incremental changes?

Thanks,
Sasha
Mika Koivisto
RE: what to modify in New blank theme which brakes layout
2011/04/11 19:06
答え

Mika Koivisto

LIFERAY STAFF

ランク: Liferay Legend

投稿: 1505

参加年月日: 2006/08/07

最近の投稿

It works for me in trunk and has worked in past with various EE and CE versions. Which LR version are you using? Does your plugins sdk match your portal version?
Sasha Firsov
RE: what to modify in New blank theme which brakes layout
2011/04/12 14:12
答え

Sasha Firsov

ランク: New Member

投稿: 6

参加年月日: 2011/04/07

最近の投稿

To make sure on clean PC I installed latest available SDK(liferay-plugins-sdk-6.0.5) and Tomcat bundles(liferay-portal-tomcat-6.0.6-20110225.zip )

The minor version mismatch is not a cause of problem. Same version has same issues with lost header layout.

liferay-plugins-sdk-6.0.6-20110225.zip
is not listed on LifeRay download page, need to get it from sourcefourge directly
Daniel Lipski
RE: what to modify in New blank theme which brakes layout
2011/04/13 5:14
答え

Daniel Lipski

ランク: New Member

投稿: 3

参加年月日: 2011/04/13

最近の投稿

I have the samee issue.
New liferay installation (liferay-portal-tomcat-6.0.6-20110225.zip)
New sdk installation (liferay-plugins-sdk-6.0.6-20110225.zip)

No matter if I develop & deploy new theme with Liferay IDE (Eclipe) or directly with Liferay SDK. Problem is the same.

Screenchots in attachments.

Regards
Daniel Lipski
画像の固定

画像の固定

添付ファイル: default_theme.PNG (50.3k), new_theme.PNG (47.6k)
Mika Koivisto
RE: what to modify in New blank theme which brakes layout
2011/04/13 11:06
答え

Mika Koivisto

LIFERAY STAFF

ランク: Liferay Legend

投稿: 1505

参加年月日: 2006/08/07

最近の投稿

The new theme looks like _styled. What value do you have in your build.xml for theme.parent? By default it is _styled and not classic.
Sasha Firsov
RE: what to modify in New blank theme which brakes layout
2011/04/13 11:39
答え

Sasha Firsov

ランク: New Member

投稿: 6

参加年月日: 2011/04/07

最近の投稿

As has been mentioned, NO changes have been done after theme generation. Hence _styled is in place. The screenshots above are identical to mine.

I have tried to play and use "classic" along with copy of classic theme from tomcat folder. Does not help significantly. Only workaround was to alter velocity files directly in tomcat.
But it breaks the theme as deployable module idea emoticon

Is there a working theme project which could be used as base instead of generated one?
7Cogs does not look like one.
Mika Koivisto
RE: what to modify in New blank theme which brakes layout
2011/04/13 12:45
答え

Mika Koivisto

LIFERAY STAFF

ランク: Liferay Legend

投稿: 1505

参加年月日: 2006/08/07

最近の投稿

Then in works just the way it is supposed to. _styled provides the minimal styling needed to get started with building your theme without you having to reset bunch of Liferay defined styles. Some theme designers even use _unstyled as their base because they want full control of how their theme looks like.

Now if you are like me not so good at styling you might want to start with an existing theme and just modify it slightly. You can do this by copying the custom.css of that theme and any extra images you need.
Sasha Firsov
RE: what to modify in New blank theme which brakes layout
2011/04/13 13:02
答え

Sasha Firsov

ランク: New Member

投稿: 6

参加年月日: 2011/04/07

最近の投稿

NO, it is not suppose to break layout.

WHAT exactly I need to place in this custom.css and what images shall be in place? Just to make it work and do not break layout. Tried to dig over docs. Nothing in this regard.

Plain empty custom.css does not help.
Mika Koivisto
RE: what to modify in New blank theme which brakes layout
2011/04/13 13:53
答え

Mika Koivisto

LIFERAY STAFF

ランク: Liferay Legend

投稿: 1505

参加年月日: 2006/08/07

最近の投稿

Try reading the theme development documentation here http://www.liferay.com/documentation/liferay-portal/6.0/development/-/ai/creating-liferay-themes-2. That should help you understand how to develop themes.
Ivano Carrara
RE: what to modify in New blank theme which brakes layout
2011/08/15 11:21
答え

Ivano Carrara

ランク: Expert

投稿: 274

参加年月日: 2005/07/02

最近の投稿

Hi all!

To start from the Classic Theme and then apply some changes to it, proceed as follow:

- execute create newtheme "New Theme" from the themes subfolder of theLiferay's SDK.
- in the _diff folder, copy the entire structure from <TOMCAT_HOME>\webapps\ROOT\html\themes\classic LESS the _diff folder

Then you do an "ant all" command to deploy the newtheme-theme that it is identical to the Classic theme, or import the new Theme in the Liferay's Eclipse plugin and start with your changes ...

I hope helps...

Ivano C.
匿名
RE: what to modify in New blank theme which brakes layout
2011/08/16 14:18
答え

匿名

Instead of Editing the Classic Theme Directly you can edit the build.xml
SDK
----- clients
----- dist
----- ext
----- layouttpl
----- lib
----- misc
----- portlets
----- themes
----- docroot
----- build.xml
----- tools
----- webs

in the build.xml file change

<property name="theme.parent" value="_styled" />

to

<property name="theme.parent" value="classic" />

then ant deploy to your bundle. this will get all of the dependent files.

Hope that is what you wanted.
匿名
RE: what to modify in New blank theme which brakes layout
2011/08/16 14:46
答え

匿名

Here is some css to get an "unstyled" Liferay Theme up and running
 1/* -------- Global -------- */
 2
 3#skip-to-content,
 4#heading .community-title,
 5#heading .page-title,
 6#navigation h1,
 7#navigation .child-menu,
 8#breadcrumbs {
 9    clip: rect(0 0 0 0);
10    height: 0;
11    margin: 0;
12    padding: 0;
13    position: absolute;
14}
15
16body {
17    background: #CCC;
18    font-family: Arial, Helvetica, sans-serif;
19    font-size: 12px/1;
20}
21
22#wrapper {
23    background: #FFF;
24    margin: 0 auto;
25    padding: 5px;
26    width: 960px;
27}
28
29/* -------- Sign-in / Navigation -------- */
30
31#sign-in {
32    position: absolute;
33    right: 0;
34    top: 0;
35}
36
37#navigation ul {
38    display: inline-block;
39    margin: 0;
40}
41
42#navigation li {
43    background: #DDD;
44    display: block;
45    float: left;
46    padding: 5px;
47}
48
49#navigation li a {
50    text-decoration: none;
51}
52
53/* -------- Web Content -------- */



https://gist.github.com/1150260#file_custom.css
Nagaraja Chokkavarapu
RE: what to modify in New blank theme which brakes layout
2012/01/31 11:51
答え

Nagaraja Chokkavarapu

ランク: New Member

投稿: 5

参加年月日: 2011/11/18

最近の投稿

I have the exact same issue. Added the attached custom.css. No use.

Any luck?

Thanks,
Nagaraja
archana thakur
RE: what to modify in New blank theme which brakes layout
2012/05/18 2:49
答え

archana thakur

ランク: New Member

投稿: 18

参加年月日: 2012/03/12

最近の投稿

I know about the actionUrl and renderUrl
But I want to know Where I can use exactly ?
when we go through actionURL and renderURL?
Ajeykumar Hulivana Boregowda
RE: what to modify in New blank theme which brakes layout
2012/05/18 4:12
答え

Ajeykumar Hulivana Boregowda

ランク: Junior Member

投稿: 72

参加年月日: 2012/03/12

最近の投稿

archana thakur:
I know about the actionUrl and renderUrl
But I want to know Where I can use exactly ?
when we go through actionURL and renderURL?


Hi Archana!..

There are three different types of portlet URLs:
1.Render URL —Used to ask a portlet instance to generate markup (like HTML,XML, WML) based on its current state. For example This URL you can use when if you want to go to next jsp page from current jsp page with out executing action class (linking hyper link etc). and also one more example if you want execute render method of action class you can use Render URL.

2.Action URL —Used for action processing, which results in a state change on the server. The request sent to the portlet by an action URL is referred to as an
action request. For example if you want to submit some form to action class or if you want process your request, you go for action URL. After completing the execution of action method, render method will execute once again.

3.Resource URL —Used to render content or retrieve resources (like image files).Depending upon the application requirement, a resource URL may be used for
updating application state. The request sent to the portlet by a resource URL is referred to as a resource request. For example if you want some resource from server like(Document or some download things) can go for Resource URL.

I hope so this may clear your doubt.
Hitoshi Ozawa
RE: what to modify in New blank theme which brakes layout
2012/05/18 4:22
答え

Hitoshi Ozawa

ランク: Liferay Legend

投稿: 7952

参加年月日: 2010/03/23

最近の投稿

SDK(liferay-plugins-sdk-6.0.5) and Tomcat bundles(liferay-portal-tomcat-6.0.6-20110225.zip )


First, you should be using the same version of sdk as liferay. You seem to be using liferay 6.0.6, so you need to use sdk-6.0.6.
Hitoshi Ozawa
RE: what to modify in New blank theme which brakes layout
2012/05/18 4:26
答え

Hitoshi Ozawa

ランク: Liferay Legend

投稿: 7952

参加年月日: 2010/03/23

最近の投稿

archana, if you have a new question, please create a new thread. You're making this difficult to follow by your new question which is unrelated to the original question.
Pradip A Bhatt
Not Overriding custom.css in _diff folder in theme
2013/01/30 1:13
答え

Pradip A Bhatt

ランク: Junior Member

投稿: 51

参加年月日: 2013/01/29

最近の投稿

I have tried so much but I am failed.

I am using Liferay 6.1.1 latest version and I am creating new theme.... But whatever code written in _diff/css/custom.css is not affecting...

What I have to do??
Mika Koivisto
RE: Not Overriding custom.css in _diff folder in theme
2013/01/30 9:45
答え

Mika Koivisto

LIFERAY STAFF

ランク: Liferay Legend

投稿: 1505

参加年月日: 2006/08/07

最近の投稿

The directory is _diffs not _diff.
Pradip A Bhatt
RE: Not Overriding custom.css in _diff folder in theme
2013/01/30 22:05
答え

Pradip A Bhatt

ランク: Junior Member

投稿: 51

参加年月日: 2013/01/29

最近の投稿

Ya... Its my typing mistake.

And this is _diffs folder.

And this folder is automatically created by Eclipse Indigo because I have installed Liferay plugins in Eclipse. And when I bind tomcat through Eclipse its work and i can see changes. (Eclipse to tomcat configuration).

When I used manually ant deploy command then All the process done.... I also found changes in webapps in tomcat also. But No changes................ I see... Plz Help Me.