Friday, February 24, 2012

HyperLink Column value is not displaying with the blue color?

Hi all,
In my Report, I am using column value with (Jump to Report) hyperlink action, while displaying it in the report, it is not displaying with default blue color. After visiting the report or URL site, it has to change back to red color.
I have checked my HTMLViewer.css file.

And I have created the custom CSS file with set of HYPERLINK color combination, but it is not displaying anything at all.

/ReportServer/Pages/ReportViewer.aspx?rs:Command=Render&rc:Stylesheet=test.css">http://<myReportServer>/ReportServer/Pages/ReportViewer.aspx?rs:Command=Render&rc:Stylesheet=test.css

and test.css consist of the following

.ActiveLink:link
{
color: yellow;
text-decoration: none
}

.ActiveLink:hover
{
color: brown;
text-decoration: underline
}

.ActiveLink:visited
{
color: blue;
text-decoration: none
}

.ActiveLink:visited:hover
{
color: red;
text-decoration: underline
}

.ToolbarFind

{
display: none;
}

.ToolbarExport

{
display: none;
}

.ToolbarZoom

{
display: none;
}

.ToolbarRefresh

{
display: inline;
}
.ToolbarPrint

{
display: none;
}

Where could be the problem? Why it is not displaying hyperlink color as expected. I am using the SQL Server Reporting Services 2005 CTP and Service Pack 1.

If anyone knows this answer to this question, reply me soon.

Thanks in advance.

Hi Siva,

I just wanted to chime in and say that I have the same problem. I can create drillthrough links in my report that work, but the link does not show as highlighted. I was just using the basic report templates.

Were you able to figure this out?

Thanks for any help..|||

The solution is pretty simple :-).

On the textbox on which you have your link, set the style properties to show the color you want.

Because reporting services allows you to render to many render formats, it is not necessarily true that you want underlining/highlighting. For example, PDF reports when printed look ugly when you have underlining/blue colored links.

Hope that helps,

-Lukasz

|||

I have a problem...I am using the htmlview.css file to display a report. On the report they want the links to be user friendly. If the user clicks on the like it turns red showing the user that they visited it, but that is not working. Also I am trying to fix the hover function and it is not working. Is there something wrong with this code and are there any suggesstions.

HELP!

BODY, FRAMESET, FORM
{
margin: 0px;
padding: 0px;
}

.PageNumberText, INPUT, BUTTON, SELECT, TABLE, BODY, FRAMESET
{
font-size: 8pt;
font-family: Verdana
}

.ActiveLink:link
{
color: #3366CC;
text-decoration: none
}

.ActiveLink:hover
{
color: #FF3300;
text-decoration: underline
}

.ActiveLink:visited
{
color: #3366CC;
text-decoration: none
}

.ActiveLink:visited:hover
{
color: #FF3300;
text-decoration: underline
}

.WaitInfoCell
{
vertical-align: middle;
text-align: center;
}

.WaitText
{
font-family: Verdana;
font-weight: normal;
font-size: 14pt;
}

.ContentCell
{
background-color: White;
}

.ParametersFrame
{
border-bottom: 1px darkgray solid
}

.ParamLabelCell
{
padding: 5px;
padding-right: 0px;
vertical-align: baseline
}

.ParamEntryCell
{
padding: 5px;
vertical-align: baseline
}

.ParamsGrid
{
margin: 0px;
padding: 5px
}

.InterParamPadding
{
padding-left: 22px
}

.EmptyDropDown
{
width: 15ex;
}

.SubmitButtonCell
{
border-left: 1px black solid;
align: center;
padding: 10px;
vertical-align: top
}

.MenuBarBkGnd
{
background-color: #ECE9D8
}

.ToolbarFrameWithParametersVisible
{
border-top: 1px darkgray solid
}

.ToolbarFrameWithParametersCollapsed
{
border-top: 1px darkgray solid
}

.ToolBarButtonsCell
{
padding-left: 6px
}

.ToolbarDocMapToggle
{
display: inline;
}

.ToolbarPageNav
{
display: inline;
}

.ToolbarZoom
{
display: inline;
}

.ToolbarFind
{
display: inline;
}

.ToolbarExport
{
display: inline;
}

.ToolbarRefresh
{
display: inline;
}

.ToolbarPrint
{
display: inline;
}

.ToolbarHelp
{
display: inline;
}

.ToolbarToggleParams
{
}

.ShowHideParametersGroup
{
padding-right: 4px
}

.InterWidgetGroup
{
padding-right: 4px
}

.DisabledLink
{
color: gray;
text-decoration: none;
cursor: default;
}

.ImageWidget
{
height: 16px;
width: 16px;
margin: 0px;
padding-bottom: 2px;
padding-top: 2px;
padding-left: 2px;
padding-right: 2px;
}

.DisabledTextBox
{
background-color: #ECE9D8;
}

.WidgetSet
{
height: 30px
}

.WidgetSetSpacer
{
padding-right: 20px;
}

.HoverPressedButton
{
cursor: hand;
background-color: #99bbe2;
border: 1px #336699 solid;
}

.HoverButton
{
cursor: hand;
background-color: #ddeef7;
border: 1px #336699 solid;
}

.NormalButton
{
cursor: hand;
background-color: transparent;
border: 1px #ECE9D8 solid;
}

.DisabledButton
{
cursor: default;
background-color: transparent;
border: 1px #ECE9D8 solid;
}

.DocMapAndReportFrame
{
border-top: 1px black solid
}

.DocMapContentCell
{
}

.DocMapTitle
{
border-bottom: 1px black solid
}

.DocMapClose
{
border-bottom: 1px black solid
}


.DocMapFrame
{
border-right: 1px darkgray solid
}

.DocMapBar
{
background-color: #ECE9D8;
padding-right: 10px;
padding-left: 10px;
height: 22px
}

No comments:

Post a Comment