overriding branding banner graphic and adding a hyperlink to that graphic

In the SmartUI, we are succesfully overriding the center top banner graphic, but looking for options to have an underlying <a href"#"> tag around that graphic (acting how the home icon currently does). We were able to do this in CS10 using Expressions.

Here is CSS override we are utilizing to swap the graphic (we want this banner graphic to have an underlying hyperlink resolving to home page - like the home icon in banner currently does):

.binf-widgets .binf-navbar-brand > .csui-logo > .csui-logo-image {
background-image: url(/img/pacificlife/knet-logo-small.png);
background-repeat: no-repeat;
height: 23px;
width: 352px;
}

Our dev environment is running: Content Server 16.0.3 (2016-12), build 1207

Find more posts tagged with

Comments

Kirby_Dill

I'm not sure if there is a better option in 16.0.3 but in 16.0.2 we were able to find the span tag that contained the image and replace it directly with a link. The file that contains the html is under \csui\support\bundles and is called csui-app.js. If you search for the css class in a text editor ("csui-logo-image") you should find this span tag "<span class="csui-logo-image"></span>". We were able to directly replace that with a link "<a href="<your url here>" class="csui-logo-image"> </a>" and it worked fine. Hope this helps.

Kirby

Ferdinand Prantl

Yes, your way of replacing the image is correct.

I am afraid, that it is not possible to make a clickable link from the logo image. Please, file a feature request for this. We have been asked about the top navigation extensibility or configurability already, but we need Customer Support requests, so that tasks like this can get appropriate priority.

Ferdinand Prantl

Please, do not modify with files located below "<CS installation root>/support/csui". Unless explicitly documented, files deployed by the CS installer are not to be tampered with.

We can guarantee the product quality only if they are intact. If you run into a problem, you will have to revert these files to their originals to get help from OpenText Customer Support.
When we release a quarterly update or a hotfix, which will be applied automaticaly or manually by the customer, your change will be lost.
You would need to replicate this change on every CS front-end too.

Making unsupported changes in the installed files only increases maintenance costs of the customer. Please, file feature requests about such changes.

Pete_Arant

Ferdinand, What is best way to turn this thread/request into a feature request with Open Text?

Thanks,

Pete

Ferdinand Prantl

I am not sure, if it is the best way, but I was told once, that customer requests - features, bug reports, or other feedback - should be reported to OpenText Customer Support. In this case, you could request a configurable hyperlink on the company logo and refer to this forum thread to provide more background. We could either:

Just add the link. Arguably the easiet way for us to do and for you to use.
Make the whole component replaceable by a custom one. Flexible, **** probably an overkill for a URL customization.