Home » Asp.net

Load page in LightBox

dear all i want a lightbox appear in pageload and display in lightbox an aspx page not an iamge


any suggestion




2 Answers Found


Answer 1

You can definitely do this with html but I'm not sure it will work with asp.net pages.


Answer 2

hi Eman,

you can achieve this by jQuery colorbox, here is an example for your reference:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head2" runat="server">
    <style type="text/css">
            font: 12px/1.2 Verdana, Arial, san-serrif;
            padding: 0 10px;
        a:link, a:visited
            text-decoration: none;
            color: #416CE5;
            border-bottom: 1px solid #416CE5;
            font-size: 13px;
            margin: 15px 0 0 0;
    <link media="screen" rel="stylesheet" href="http://colorpowered.com/colorbox/core/example1/colorbox.css" />
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
    <script src="http://colorpowered.com/colorbox/core//colorbox/jquery.colorbox.js"></script>
        $(document).ready(function () {
            //Examples of how to assign the ColorBox event to elements
            $(".example7").colorbox({ width: "80%", height: "80%", iframe: true });

            //Example of preserving a JavaScript event for inline calls.
            $("#click").click(function () {
                $('#click').css({ "background-color": "#f00", "color": "#fff", "cursor": "inherit" }).text("Open this window again and this message will still be here.");
                return false;
    <form runat="server">
    <a class='example7' href="about.aspx">Outside Webpage (Iframe)</a></p>

 the sample is from http://colorpowered.com/colorbox/core/example1/index.html



<< Previous      Next >>

Microsoft   |   Windows   |   Visual Studio   |   Sharepoint   |   Azure