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

HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...align an image in a pop-up-windowalign an image in a pop-up-window
Previous
 
Next
New Post
12/23/2006 2:14 PM
 

Hi,
I have a gallery with thumbnail pictures.
the thumbnail has a link.
When you click on the link the picture display in a bigger format in a pop-up-window.
In the pop-up window the picture is align to the left.

Is there a solution to align the picture in the middle of the pop-up-window?
Is it possible to change the background color of the pop-up-window?

With regards, Ton Hermes


Art is hard work, inspiration is the cream on top of it. See my watercolors at www.watermansite.com and my enamel art at www.watermanshop.com
 
New Post
12/23/2006 8:52 PM
 

If you are simply linking to the image with an html href tag then what you are trying to achieve is not possible.

To achieve your design requirements you must actually create an aspx page, which has the design you want, and populate it the requested image.

Hope this makes sense and it helps.


Maxiom TechnologyAntonio Chagoury | Microsoft MVP
Maxiom Technology
Professional .net & DotNetNuke Solutions
web: www.maxiomtech.com
blog: www.cto20.com
twitter: @antoniochagoury & @maxiomtech

 
New Post
12/23/2006 11:24 PM
 

You can do it with Javascript.

Sample script:

<script>
function showDialog(url, w, h, resize)
{
 var dialogWidth = w;
 var dialogHeight = h;
 var dialogLeft = (screen.width - dialogWidth) / 2;
 var dialogTop = (screen.height - dialogHeight) / 2;

 var imageWin = window.open(url,"_blank",(resize ? "resizable=yes,scrollbars=yes," : "") +

"height="+dialogHeight+",width="+dialogWidth+",top="+dialogTop+",left="+dialogLeft);
 return(imageWin);
}

function showImage(url)
{
    var winHandle = showDialog("", 500, 500, true);
    if (winHandle)
    {
       var html = "<html><body><p align=\"center\"><img src=\"" + url + "\"></p></body></html>";
       winHandle.document.write(html);
    }
}

</script>

Sample hyperlink:

<a href=" void(0)" onClick="showImage('http://www.dotnetnuke.com/Portals/_default/Skins/DNN-Minimal/images/dotnetnukelogo.gif')">[Thumbnail]</a>

Nik

 


Nik Kalyani
Co-founder
DotNetNuke Corporation
Blog | Twitter | FaceBook
 
New Post
1/4/2007 8:21 PM
 

This is the module you should use:
http://www.ventrian.com/Products/Modules/SimpleGallery/DemoAlbums/tabid/247/Default.aspx?AlbumID=626-7

Get Scott's subscription and use Simple Gallery. It'll do what you want and save you a ton of work. The pop-up can be sized and styled as you like.

Regards,
Rob

 
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...align an image in a pop-up-windowalign an image in a pop-up-window


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