Foren

Home » Liferay Portal » English » 3. Development

Kombinierte Ansicht Flache Ansicht Baumansicht
Threads [ Zurück | Nächste ]
toggle
what to modify in New blank theme which brakes layout Sasha Firsov 7. April 2011 13:17
RE: what to modify in New blank theme which brakes layout Mika Koivisto 7. April 2011 15:57
RE: what to modify in New blank theme which brakes layout Sasha Firsov 7. April 2011 16:12
RE: what to modify in New blank theme which brakes layout Mika Koivisto 11. April 2011 19:06
RE: what to modify in New blank theme which brakes layout Sasha Firsov 12. April 2011 14:12
RE: what to modify in New blank theme which brakes layout Daniel Lipski 13. April 2011 05:14
RE: what to modify in New blank theme which brakes layout Mika Koivisto 13. April 2011 11:06
RE: what to modify in New blank theme which brakes layout Sasha Firsov 13. April 2011 11:39
RE: what to modify in New blank theme which brakes layout Mika Koivisto 13. April 2011 12:45
RE: what to modify in New blank theme which brakes layout Sasha Firsov 13. April 2011 13:02
RE: what to modify in New blank theme which brakes layout Mika Koivisto 13. April 2011 13:53
RE: what to modify in New blank theme which brakes layout Ivano Carrara 15. August 2011 11:21
RE: what to modify in New blank theme which brakes layout Bradley Wood 16. August 2011 14:18
RE: what to modify in New blank theme which brakes layout archana thakur 18. Mai 2012 02:49
RE: what to modify in New blank theme which brakes layout Ajeykumar HB 18. Mai 2012 04:12
RE: what to modify in New blank theme which brakes layout Hitoshi Ozawa 18. Mai 2012 04:26
Not Overriding custom.css in _diff folder in theme Pradip A Bhatt 30. Januar 2013 01:13
RE: Not Overriding custom.css in _diff folder in theme Mika Koivisto 30. Januar 2013 09:45
RE: Not Overriding custom.css in _diff folder in theme Pradip A Bhatt 30. Januar 2013 22:05
RE: what to modify in New blank theme which brakes layout Bradley Wood 16. August 2011 14:46
RE: what to modify in New blank theme which brakes layout Nagaraja Chokkavarapu 31. Januar 2012 11:51
RE: what to modify in New blank theme which brakes layout Hitoshi Ozawa 18. Mai 2012 04:22
Sasha Firsov
what to modify in New blank theme which brakes layout
7. April 2011 13:17
Antwort

Sasha Firsov

Rang: New Member

Nachrichten: 6

Eintrittsdatum: 7. April 2011

Neue Beiträge

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
7. April 2011 15:57
Antwort

Mika Koivisto

LIFERAY STAFF

Rang: Liferay Legend

Nachrichten: 1498

Eintrittsdatum: 7. August 2006

Neue Beiträge

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
7. April 2011 16:12
Antwort

Sasha Firsov

Rang: New Member

Nachrichten: 6

Eintrittsdatum: 7. April 2011

Neue Beiträge

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
11. April 2011 19:06
Antwort

Mika Koivisto

LIFERAY STAFF

Rang: Liferay Legend

Nachrichten: 1498

Eintrittsdatum: 7. August 2006

Neue Beiträge

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
12. April 2011 14:12
Antwort

Sasha Firsov

Rang: New Member

Nachrichten: 6

Eintrittsdatum: 7. April 2011

Neue Beiträge

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
13. April 2011 05:14
Antwort

Daniel Lipski

Rang: New Member

Nachrichten: 3

Eintrittsdatum: 13. April 2011

Neue Beiträge

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
Anhang

Anhang

Anhänge: default_theme.PNG (50,3k), new_theme.PNG (47,6k)
Mika Koivisto
RE: what to modify in New blank theme which brakes layout
13. April 2011 11:06
Antwort

Mika Koivisto

LIFERAY STAFF

Rang: Liferay Legend

Nachrichten: 1498

Eintrittsdatum: 7. August 2006

Neue Beiträge

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
13. April 2011 11:39
Antwort

Sasha Firsov

Rang: New Member

Nachrichten: 6

Eintrittsdatum: 7. April 2011

Neue Beiträge

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
13. April 2011 12:45
Antwort

Mika Koivisto

LIFERAY STAFF

Rang: Liferay Legend

Nachrichten: 1498

Eintrittsdatum: 7. August 2006

Neue Beiträge

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
13. April 2011 13:02
Antwort

Sasha Firsov

Rang: New Member

Nachrichten: 6

Eintrittsdatum: 7. April 2011

Neue Beiträge

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
13. April 2011 13:53
Antwort

Mika Koivisto

LIFERAY STAFF

Rang: Liferay Legend

Nachrichten: 1498

Eintrittsdatum: 7. August 2006

Neue Beiträge

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
15. August 2011 11:21
Antwort

Ivano Carrara

Rang: Regular Member

Nachrichten: 228

Eintrittsdatum: 2. Juli 2005

Neue Beiträge

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.
Anonym
RE: what to modify in New blank theme which brakes layout
16. August 2011 14:18
Antwort

Anonym

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.
Anonym
RE: what to modify in New blank theme which brakes layout
16. August 2011 14:46
Antwort

Anonym

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
31. Januar 2012 11:51
Antwort

Nagaraja Chokkavarapu

Rang: New Member

Nachrichten: 5

Eintrittsdatum: 18. November 2011

Neue Beiträge

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
18. Mai 2012 02:49
Antwort

archana thakur

Rang: New Member

Nachrichten: 18

Eintrittsdatum: 12. März 2012

Neue Beiträge

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 HB
RE: what to modify in New blank theme which brakes layout
18. Mai 2012 04:12
Antwort

Ajeykumar HB

Rang: Junior Member

Nachrichten: 72

Eintrittsdatum: 12. März 2012

Neue Beiträge

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
18. Mai 2012 04:22
Antwort

Hitoshi Ozawa

Rang: Liferay Legend

Nachrichten: 7990

Eintrittsdatum: 23. März 2010

Neue Beiträge

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
18. Mai 2012 04:26
Antwort

Hitoshi Ozawa

Rang: Liferay Legend

Nachrichten: 7990

Eintrittsdatum: 23. März 2010

Neue Beiträge

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
30. Januar 2013 01:13
Antwort

Pradip A Bhatt

Rang: Junior Member

Nachrichten: 51

Eintrittsdatum: 29. Januar 2013

Neue Beiträge

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
30. Januar 2013 09:45
Antwort

Mika Koivisto

LIFERAY STAFF

Rang: Liferay Legend

Nachrichten: 1498

Eintrittsdatum: 7. August 2006

Neue Beiträge

The directory is _diffs not _diff.
Pradip A Bhatt
RE: Not Overriding custom.css in _diff folder in theme
30. Januar 2013 22:05
Antwort

Pradip A Bhatt

Rang: Junior Member

Nachrichten: 51

Eintrittsdatum: 29. Januar 2013

Neue Beiträge

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.