Products

Solutions

Resources

Partners

Community

Blog

About

QA

Ideas Test

New Community Website

Ordinarily, you'd be at the right spot, but we've recently launched a brand new community website... For the community, by the community.

Yay... Take Me to the Community!

Welcome to the DNN Community Forums, your preferred source of online community support for all things related to DNN.
In order to participate you must be a registered DNNizen

HomeHomeOur CommunityOur CommunityGeneral Discuss...General Discuss...pictures as links pictures as links
Previous
 
Next
New Post
3/22/2007 1:16 PM
 
Can anyone explain to me how you can place pictures jpeg gif etc in modules on the front page fo the website and makes them links so when you click on them it takes you to other pages on the site.
 
New Post
3/22/2007 2:24 PM
 

To be honest, this is a feature missing IMHO.  So, in my typical get it done because I need it now way (handcoding), you can take care of this situation.  First, there's a an example, supplied with DNN when you first install it.  There in the right panel is a Text/HTML module named 'Sponsors'.  In this module images have been placed that link to the various url's that are linked via images within the modules html code.  It looks like this:

 <center>
<a href="http://www.perpetualmotion.ca"> <img alt="Perpetual Motion Interactive Systems Inc." src="PerpetualMotion.gif" border="0" /> </a>
<a href="http://www.asp.net"> <img alt="The Official Microsoft ASP.NET Site" src="aspnet.gif" border="0" /> </a>
<a href="http://www.maximumasp.com"> <img alt="MaximumASP - Serious Web Hosting For Serious Microsoft Developers" src="MaximumASP.gif" border="0" /> </a>
<a href="http://sourcegear.com/"> <img alt="SourceGear - Tools for Developers" src="sourcegear.gif" border="0" /> </a>
<a href="http://www.telerik.com/dnn/"> <img alt="Telerik - The Most Comprehensive Toolset For ASP.NET" src="telerik.gif" border="0" /> </a>
</center>

You can see that this implementation is nothing more than good old fashioned html coding, so if you have sole repsponsibility as an Admin for your site, and are HTML saavy, you can use this approach.  It is not exactly user friendly for those w/o html knowledge, but it isn't that difficult.

Now, another approach which gives you a bit more flexibility is to use the XML/XSL module.  This approach requires knowledge of xml/xsl, but again, if you have some experience, and sole responsibility as Admin for your site, it's a pretty slick way to do it.  I used this method to quickly bring in a DNN version of an existing web site that wanted to use images in a navbar in the left pane to link to other areas of the site.  With this approach, I created a custom xml file to define the links, then created a custom xsl to transform it. Because the site has a need to display date sensitive navlinks, I was able to add code in the xsl to filter the source xml file displaying content based on PubDate, and DateExpire info in the source xml.  It works pretty nice.

I understood that some new features were being added to the Links module to include image links capability, and there are some commercial ImageLinks DNN modules available.  However, my responsibility was to bring the feature in at no added cost, and had to be done quickly, so I couldn't wait for the DNN module to be upgraded, and had no time to add it to the base code myself.  Using XML/XSL gave me a way to provide a quick solution.

Hope this helps you.  If you are interested in the XML/XSL approach let me know.

Cheers,

iwonder

 
New Post
3/22/2007 3:33 PM
 

I suggest to switch over to FCKEditor, that we intend to use as default editor in DNN 4.5.0+. you can download it from the download page here on DotNetNuke.com.

With FCK, while inserting images, you can also add a link using the URLControl, that allows links to pages and documents in your portal as well. Just don't forget to set border to 0.


Cheers from Germany,
Sebastian Leupold

dnnWerk - The DotNetNuke Experts   German Spoken DotNetNuke User Group

Speed up your DNN Websites with TurboDNN
 
New Post
3/22/2007 3:56 PM
 

Hello

Yes,  it seems that this would be a nice DNN feature to have. In the meantime I managed to create image links using css and inserting the xhtml into a text/html module using FCK editor. But all links need to hard coded, but it is not suitable to access host/admin links. For that reason I also inserted a regular menu. 

You can see the image links in action here:

http://www.drivewaydesign.eu

Lynn


www.seemalta.net
 
New Post
3/22/2007 4:22 PM
 

Like that approach, as well.  Can you control the menu item display by PubDate, ExpireDate, and Category?  That's what my xml/xsl approach does.  Granted not for everyone, but the xsl allows a lot of flexibility in display orientation and styling too. 

Anyway, guess what I really am asking is - how dija do that?  Can you give a quick tutorial?  I can see where I'd like to be able to do that type of thing as well.

Thanks,

iwonder

 
Previous
 
Next
HomeHomeOur CommunityOur CommunityGeneral Discuss...General Discuss...pictures as links pictures as links


These Forums are dedicated to discussion of DNN Platform and Evoq Solutions.

For the benefit of the community and to protect the integrity of the ecosystem, please observe the following posting guidelines:

  1. No Advertising. This includes promotion of commercial and non-commercial products or services which are not directly related to DNN.
  2. No vendor trolling / poaching. If someone posts about a vendor issue, allow the vendor or other customers to respond. Any post that looks like trolling / poaching will be removed.
  3. Discussion or promotion of DNN Platform product releases under a different brand name are strictly prohibited.
  4. No Flaming or Trolling.
  5. No Profanity, Racism, or Prejudice.
  6. Site Moderators have the final word on approving / removing a thread or post or comment.
  7. English language posting only, please.
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out