Forum

Welcome to ProjeQtOr new Forum. We migrated old forum to the new website.
You will find all your posts here, with your usual account.
Just one point : you’ll have to reinitialize your password. Use “Lost password” feature.

Change theme : new ...
 
Notifications
Clear all

Change theme : new colors to change the look of Project'Or RIA

21 Posts
3 Users
0 Reactions
35.8 K Views
babynus
(@babynus)
Posts: 14966
Main Contributor Admin
Topic starter
 
[#26]

Each user can change the visual theme for the tool.
Themes are just different color-sets for the backgrounds, captions, and others highlighting areas.

How to ?
Just go to Menu "Parameters" => "Users parameters", and select the new theme in the "theme" select list.
New theme is automatically applied when selected.
Just save parameters to retrieve this theme on each new connection.

What for ?
Just for fun, to change, or because everyone has its own preferences in terms of colors.
But there is also a useful way : image that you can connect to a Database with two different users, with different profiles, or that you can connect to two different Databases , for instance Production & Test. Just change the color on the different users/Databases so that you will automatically know witch user and/or Database you are connected to.

What else ?
Printing of forms and lists simply uses "White" theme in order to present a printable document that will not empty the cartriges of you printer in few pages.

Have fun ! 😉


 
Posted : 05 Oct 2010 14H41
(@obelix)
Posts: 28
Active Member
 

Hi,

I need to create a new theme for Pr
Can you tell me the file that I have to change?

Thank you for your help.

bye


 
Posted : 07 Jun 2013 12H34
babynus
(@babynus)
Posts: 14966
Main Contributor Admin
Topic starter
 

For new thema, only colors can be included in thema.
You just have to update end part of /css/projector.css.
For instance replace one thema colors with your own.


 
Posted : 09 Jun 2013 18H35
(@obelix)
Posts: 28
Active Member
 

Hi babynus,

thank you for your answer.
I have write at the end of projector.css these:

/* =============================================================================== */
/* SPECIFIC MYNEW THEME */
/* =============================================================================== */

.ProjectOrRiaLight html, .ProjectOrRiaLight body, .ProjectOrRiaLight #leftDiv, .ProjectOrRiaLight #logoDiv,
.ProjectOrRiaLight #buttonDiv,
.ProjectOrRiaLight .dijitSplitterH, .ProjectOrRiaLight .dijitGutterH, .ProjectOrRiaLight .dijitSplitterV, .ProjectOrRiaLight .dijitGutterV,
.ProjectOrRiaLight .dijitMenuItemHover,
.ProjectOrRiaLight .dijitMenuPassive .dijitMenuItemHover,
.ProjectOrRiaLight .dijitMenuItemSelected,
.ProjectOrRiaLight .loginBackground {
background-color: #d4d5da;
}

.ProjectOrRiaLight #mapDiv, .ProjectOrRiaLight #messageDiv, .ProjectOrRiaLight #listDiv, .ProjectOrRiaLight .display, .ProjectOrRiaLight .background,
.ProjectOrRiaLight #printPreview, .ProjectOrRiaLight .dijitTitlePaneContentInner,
.ProjectOrRiaLight #detailDiv, .ProjectOrRiaLight #formDiv,
.ProjectOrRiaLight #mainDiv, .ProjectOrRiaLight #contentDiv, .ProjectOrRiaLight #centerDiv {
background-color: #ececec;
}

.ProjectOrRiaLight #toolBarDiv, .ProjectOrRiaLight #statusBarDiv, .ProjectOrRiaLight .statusBar,
.ProjectOrRiaLight .dojoxGridRowSelected, .ProjectOrRiaLight .listTitle,
.ProjectOrRiaLight .section, .ProjectOrRiaLight .dijitTitlePane .dijitTitlePaneTitle, .ProjectOrRiaLight .title {
background-color: #d4d5da; color: #545281;
}

.ProjectOrRiaLight .tabLabel, .ProjectOrRiaLight .label, .ProjectOrRiaLight .dojoxGridRowOver .dojoxGridCell {
background-color: #ececec; color: #545281;
}

.ProjectOrRiaLight .display, .ProjectOrRiaLight #printPreview {
border: 1px solid #ececec;
}

.ProjectOrRiaLight .titleProject {
color: #545281;
}
.ProjectOrRiaLight #mainDiv {
/*scrollbar-face-color: #ececec;
scrollbar-shadow-color: #ececec;
scrollbar-highlight-color: #ececec;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-darkshadow-color: #000000;
scrollbar-track-color: #ececec;
scrollbar-arrow-color: #d4d5da;*/
}

but when I go to Global Parameters -> Display Parameters -> Theme, I don't see the new theme.

Thank you


 
Posted : 10 Jun 2013 13H05
LEVA
 LEVA
(@leva)
Posts: 54
Active Member
 

Did you clear your web browser cache ?


 
Posted : 10 Jun 2013 13H41
(@obelix)
Posts: 28
Active Member
 

yes, now, but I can't see it on a dropdown menù


 
Posted : 10 Jun 2013 14H55
LEVA
 LEVA
(@leva)
Posts: 54
Active Member
 

I htink you have to update theme list in mode/Parameter.php


 
Posted : 10 Jun 2013 15H38
babynus
(@babynus)
Posts: 14966
Main Contributor Admin
Topic starter
 

As you overwrote ProjectOrRiaLight, you just have to use "Project'Or RIA Light" theme.


 
Posted : 13 Jun 2013 2H27
(@obelix)
Posts: 28
Active Member
 

thank you guys 🙂

I have insert this line in models/Paramether.php before the random line

'MyThemaName'=>i18n('themeMyThemaName'),

then I have change all the ProjectOrRiaLight with MyThemaName (in /* SPECIFIC MYNEW THEME */)

Now when I look on dropdown menù I have [themeMyThemaName]

Where is the error?

Thank you


 
Posted : 13 Jun 2013 13H46
babynus
(@babynus)
Posts: 14966
Main Contributor Admin
Topic starter
 

What is your issue ?
[themeMyThemaName] not translated ? => You should insert new line in lang files (use lang.xls available on download page...)


 
Posted : 13 Jun 2013 13H51
(@obelix)
Posts: 28
Active Member
 

I use Project'or ria in english.
I don't know how my new theme is the only one with [] and the name start with "theme"

how I have to use the lang.xls file? I suppose that I have to add my theme name, but then?

thanks


 
Posted : 13 Jun 2013 14H16
(@obelix)
Posts: 28
Active Member
 

ok,
I have generate the folders (de en es fr pt ru zh) and the file lang.js
Now I try to put them in tool -> i18n -> nls

I have update the file/folders but nothing change.


 
Posted : 13 Jun 2013 14H21
babynus
(@babynus)
Posts: 14966
Main Contributor Admin
Topic starter
 

I don't know how my new theme is the only one with [] and the name start with "theme"

The i18n() function you are using tranlates labels from the code you pass in parameters. If code does not exist, instead of translated value, you retrieve the code with bracets 😉

how I have to use the lang.xls file?

Use the button in the xls file B) 😉

I have generate the folders (de en es fr pt ru zh) and the file lang.js

You got it B)

Now I try to put them in tool -> i18n -> nls

That's it !


 
Posted : 13 Jun 2013 14H31
(@obelix)
Posts: 28
Active Member
 

:cheer: thank you for your patience.

I have update the fuile and the folders, but nothing change.
If I hoppen the lang.js I don't find the theme that I have add.
I try to change the lang.js directly.


 
Posted : 13 Jun 2013 14H56
(@obelix)
Posts: 28
Active Member
 

:woohoo: ok now is all right.
maybe the xls don't run properly with my excel.


 
Posted : 13 Jun 2013 15H01
(@obelix)
Posts: 28
Active Member
 

is possible to change the color of the text?

Thank you


 
Posted : 13 Jun 2013 15H14
babynus
(@babynus)
Posts: 14966
Main Contributor Admin
Topic starter
 

maybe the xls don't run properly with my excel.

Just a trick : before generating files, use menu "save as..." (no need to save at this point). This will actualize current folder. Otherwise, files are not saved locally to your xls file, but in your MyDocuments folder.


 
Posted : 13 Jun 2013 15H41
babynus
(@babynus)
Posts: 14966
Main Contributor Admin
Topic starter
 

is possible to change the color of the text?

Just use "color" css style.


 
Posted : 13 Jun 2013 15H42
(@obelix)
Posts: 28
Active Member
 

thank you 🙂

but where is that file?


 
Posted : 13 Jun 2013 15H49
babynus
(@babynus)
Posts: 14966
Main Contributor Admin
Topic starter
 

The same you changed to create your new theme :blink:


 
Posted : 13 Jun 2013 16H04
(@obelix)
Posts: 28
Active Member
 

opss sorry.
I have to change the first part of the projector.css file.

I'll try.


 
Posted : 13 Jun 2013 16H20
Share:

Scroll to Top