Further to the excellent post HERE by Stunnware, I just wanted to add my $0.10 worth.
CRM uses CSS styling to achieve much of the look and feel of the application. Therefore, it stands to reason that you can change this look and feel to suit yourself. Well, yes and no, so here goes.
Obligatory Warning : This is an unsupported customization. If you wish to do what I have done, I suggest you take a backup of the relevant files for reference. Also, as Stunnware has pointed out, future upgrades and hotfixes may not be applied correctly once you begin customizing the core files so take a backup anyway if you intend to keep your changes. This way, you can always change back temporarily to accommodate a hot fix and then re-install the sliced/diced file when you are ready.
Proof of Concept
Is it in fact possible to change the look and feel of Dynamics?
Judge for yourself....
Well, yes is the answer and by the way (Yech!)
How do you change the Look and Feel?
Well, Stunnware has suggested that you change the individual styling of the classes and paste this into the <head> section of Homepage.aspx under the _root folder. This is fine, but all those classes have to be held somewhere. Well, they are...
Check out wwwroot\_grid\AppGrid.css.aspx (see below)
You need to add the following to AppGrid.css.aspx instead.
nobr.num
{
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
direction: ltr;
/*
Added by XXX 17/07/2008 - Alligns numbers - right
*/
text-align:right;
}
In my opinion, this method is much neater because you can keep all of your customizations in one place. You can remove the customizations very easily by renaming your cut and shut file to BAK and renaming your backup file to it's original designation. You dont have to interfere with the underlying code of the Homepage.aspx.
Microsoft CRM 4.0 and CSS Styling
Further to the excellent post HERE by Stunnware, I just wanted to add my $0.10 worth.
CRM uses CSS styling to achieve much of the look and feel of the application. Therefore, it stands to reason that you can change this look and feel to suit yourself. Well, yes and no, so here goes.
Obligatory Warning : This is an unsupported customization. If you wish to do what I have done, I suggest you take a backup of the relevant files for reference. Also, as Stunnware has pointed out, future upgrades and hotfixes may not be applied correctly once you begin customizing the core files so take a backup anyway if you intend to keep your changes. This way, you can always change back temporarily to accommodate a hot fix and then re-install the sliced/diced file when you are ready.
Proof of Concept
Is it in fact possible to change the look and feel of Dynamics?
Judge for yourself....
Well, yes is the answer and by the way (Yech!)
How do you change the Look and Feel?
Well, Stunnware has suggested that you change the individual styling of the classes and paste this into the <head> section of Homepage.aspx under the _root folder. This is fine, but all those classes have to be held somewhere. Well, they are...
Check out wwwroot\_grid\AppGrid.css.aspx (see below)
{{.ms-crm-List-Data{behavior: url(/_static/_grid/appgrid_defaultdata.htc);.ms-crm-ListArea{.ms-crm-List-DataBody{HEIGHT:100%;.ms-crm-List-DataBodyEx{HEIGHT:auto;.ms-crm-List-DataArea{OVERFLOW-X:auto;OVERFLOW-Y:auto;/*background-color: #FFFFFF;*/.ms-crm-List-DataAreaEx{OVERFLOW-X:auto;behavior: url(/_static/_grid/rowsbeforescrolling.htc);.ms-crm-List-RefreshButton{.ms-crm-List-RightMarker{.ms-crm-List-Paging{a.toolbarbutton{{{{{{{{{.ms-crm-List-Header{.ms-crm-List-DataColumnHeader{.ms-crm-List-Row{.ms-crm-List-DataCell{{.ms-crm-List-ResizeBar{behavior: url(/_static/_grid/columnresize.htc);{{.ms-crm-List-Index{behavior: url(/_static/_grid/appgrid_jumpbar.htc);.ms-crm-List-IndexItem{.ms-crm-List-SelectedIndex{.ms-crm-List-DefaultIndex{}.ms-crm-List-Message{padding:1;COLOR: #999999;behavior: url(/_static/_grid/appgrid_defaultdata.htc);.ms-crm-List-PreviewLabel{behavior: url(/_static/_forms/styles/mouseover.htc);.ms-crm-List-Spacer{TD.previewData{behavior: url(/_static/_forms/styles/mouseover.htc);TD.previewDataNum{behavior: url(/_static/_forms/styles/mouseover.htc);TD.previewDataDatetime{behavior: url(/_static/_forms/styles/mouseover.htc);SPAN.previewDirSpan{behavior: url(/_static/_forms/styles/mouseover.htc);.ms-crm-List-PreviewRow{.ms-crm-List-Preview{.ms-crm-List-PreviewCell{TR.ms-crm-List-SelectedRow{SPAN.gridLui{IMG.ms-crm-Lookup-Item{IMG.ms-crm-Lookup-PresenceItem{{.ms-crm-List-StatusBar-Label{nobr.num{nobr.datetime{So, rather than adding the following to the Homepage.aspx page as suggested in this article which is technically fine.
<script language="JavaScript">var nobr = nobrElements[index];nobr.style.textAlign = "right";You need to add the following to AppGrid.css.aspx instead.
{/*Added by XXX 17/07/2008 - Alligns numbers - right*/In my opinion, this method is much neater because you can keep all of your customizations in one place. You can remove the customizations very easily by renaming your cut and shut file to BAK and renaming your backup file to it's original designation. You dont have to interfere with the underlying code of the Homepage.aspx.
The comments to this entry are closed.