[acs] ePortal colour schemes

[SkywOrca]

If you've upgraded to ePortal 13.3, but aren't really getting on well with the new blue colour scheme, then this post might be of use to you. When Advanced released this version of ePortal, they also bundled in some additional, yet unused, colour scheme image files. I've compiled some css files that make use of each of these colour image sets so that schools can have some control over the colour scheme that ePortal uses. Hopefully, one of these is close enough to your school's branding that you find it useful. As an aside, the colour schemes on offer here are those that are available in Progresso, so anyone planning on migrating might find it useful to pick out a colour scheme from this for when you go live! I've tried to ensure that these files amend the colours on all ePortal screens, but if you do find one that has slipped through with the default blue colour scheme, let me know! Also, please don't judge the css too harshly, I know it's full of kludgy !important rules, but I don't think there is any way around this.

 

I'll attach a preview of the colour scheme so you can decide which one looks best for you, along with a link to a .txt version of the css. You'll need to download this .txt file, rename it to .css and save it to your webapps/eportal/styles/custom folder, then edit the webapps/eportal/styles/ccmimport.css file and change the filename specified to your new css file. You should then be able to refresh your connection to ePortal (you do not need to restart services!) and the new colour scheme should take effect.

 

default:

facility_acs_default.txt

 

Amber:

facility_acs_Amber.txt

 

DarkBrown:

facility_acs_DarkBrown.txt

 

DarkMagenta:

facility_acs_DarkMagenta.txt

 

Golden:

facility_acs_Golden.txt

 

Green:

facility_acs_Green.txt

 

LightBlue:

facility_acs_LightBlue.txt

 

Continued in next post...

Edited February 3, 2014 by SkywOrca

[SkywOrca]

Navy:

facility_acs_Navy.txt

 

OliveGreen:

facility_acs_OliveGreen.txt

Orange:

facility_acs_Orange.txt

 

Orchid:

facility_acs_Orchid.txt

 

Red:

facility_acs_Red.txt

 

Yellow:

facility_acs_Yellow.txt

[john]

Nice work and how Progresso the font and stylage is

[APC]

Nice work and how Progresso the font and stylage is

 

Whilst the colours are similar, the graphics etc are not the same as Progresso - more half way house...

[Trojan]

Does anyone know if there's an update to these colour schemes available that are compatible with the 15.4.16 build of ePortal?

 

The interface in this release is changed somewhat and it looks like the CSS has changed with it...

[GVaughan]

Not fully sure but you could always stop the services and rename your ePortal folder to something like ePortal_bakup. Start up the services again and let a new folder rebuild. Then you can see what happens when you play with the CSS. From there you can stop services, delete your new folder and revert back by renaming your original back to the correct name. If the testing worked out you can then put the new colour styles in your original folder Edited February 4, 2016 by GVaughan

[NickBuckel]

Hi Everyone,

 

You can copy and paste the following into the bottom of your custom css files and they should then work with the new layout of ePortal in 15.4.

 

 

 

 

.submenu div {

padding-left: 40px;

}

 

 

.submenu ul {

padding: 0;

}

 

#leftButton{

right: 0px;

}

 

#menudiv {

width: 85%;

position: absolute;

}

 

#searchdiv {

width: 200px;

height: 100%;

float: right;

padding-top: 4px;

height: 100%;

}

 

#leftButtonCon {

width: 7%;

position: absolute;

}

 

#rightButtonCon {

left: 93%;

width: 7%;

left: 93%;

position: absolute;

}

 

#carousel {

left: 7%;

width: 86%;

position: absolute;

}

 

#menuItems {

top: 3px;

}

 

.lastmenuItem {

border-right: none;

}

 

.menutable {

display: table;

position: relative;

white-space: nowrap;

z-index: 0;

}

 

.menutablecell {

display: table-cell;

padding: 0 15px;

position: relative;

}

 

#searchlbl {

color: #e9e9e9;

font-weight: bold;

width:10%

}

 

#txtSearch {

width:70%;

}

 

.searchTextBox {

width: 70%;

height: 17px;

line-height: 15px;

border:1px solid #eee;

}

 

.search-icon {

background: #fff url("../../images/menu/search.png") no-repeat scroll left top;

display: inline-block;

height: 15px;

margin-bottom: -3.2px;

margin-left: -20px;

width: 17px;

}

 

.searchCriteria {

background: #fff;

left:97px;

width:60px;

margin:0px;

padding:5px;

list-style-type:none;

height:auto;

display:none;

border: 1px solid #aaa;

text-align: right;

overflow: hidden;

z-index: 1;

position: relative;

}

 

.searchCriteria li{

width:100%;

padding:2px 0;

margin:0px;

float:left;

text-decoration: none;

}

 

.searchCriteria li a{

text-decoration: none;

color:#696969;

}

.searchCriteria li:hover {

background: #5188be;

}

 

.searchCriteria li:hover a {

color:#fff;

}

 

.show {

display:block;

}

.searchCriteria:focus, .searchCriteria:active{

outline:none;

}

 

.lifocus{

background-color: #5188be;

}

[Trojan]

Fantastic, works spot on.

 

Thanks @NickBuckel

Edited February 5, 2016 by Trojan