DotNetNuke Tips & Tricks

Sunday, October 26, 2008 by Cuong Dang

Adding Custom HTML tag on Page Name?

Filed under: Tips & Tricks

Last week I did some DotNetNuke skinning training courses for a few clients from out of town here in our St. Louis facility. It was interesting to see many scenarios that made you scratch your head and say… I don’t know it allows you to do that.

One particular situation that my client has is that she has an external employee time tracking system that requires them to enter their billable time. Because they don’t use it that frequently, she likes to put it on the top navigation so everybody can see and allow it to open a new window to that page.

You see, in DotNetNuke we can create a new page and link that page to an external link or a different page locally, but in this case, she likes to have it open a new window. That is the trick. One of my clients who attended the training ran into some similar situation before and shared the tips. On his web site, he likes to highlight a specific menu item without coding any customization to the control. He added the HTML <b> tag on the page name to highlight the item. And it works!

So we did some experiment with this approach hoping to give a simple HTML syntax call target=”_blank” to make this page open to a new window. So here's what we entered:

<a href="http://www.gooogle.com" target=”_blank”>Time Tracking</a>

Page admin screenshot

It did not work because the page name input only allows you to enter so many characters. So we couldn’t accomplish the task. However, we found out that it allows you to add some HTML tags on the page name.

I thought it’s kind of interesting to share this tips when you want do some tricks to your page name. However, you must enter the page title, otherwise, your browser will display some weird HTML syntax as a page title. This might hurt your search engine advantage.

So if you have any experience with this, please do share.

Comments

RalphWilliams
Tuesday, May 5, 2009 1:15 PM
I actually used this technique for a client to create a separation in their sub menu, so that once a user was logged in, the public pages in the sub menu were separated visually from the private pages.

It has been a while, but I believe that I put a span w/ a class in the page name and then had access to style that particular tab.
Todd
Wednesday, September 23, 2009 1:22 PM
It can be done by using

1) Go to you page properties and the select URL for the link type

2) then.. insert the following as the URL

void(window.open('http://www.your-url.com/page.html'))

3) Update your settings and try clicking the menu

Hope it helps.

TW
Muhammad Faisa Akram
Wednesday, November 4, 2009 1:57 AM
This HTML can also done by adding a new page click on setting from top most menu and then go to Advance Settings of the page. Then LINK URL and give URL of your HTML page.
The sequence is as follow

ANY_PAGE => Settings => ADVANCE SETTINGS=> LINK URL.
Oyunlar
Saturday, February 20, 2010 3:10 PM
Then LINK URL and give URL of your HTML page.
The sequence is as follow

ANY_PAGE => Settings => ADVANCE SETTINGS=> LINK URL.
blog comments powered by Disqus