troubleshooting Question

CSS for Popup in ASP.NET

Avatar of jknj72
jknj72 asked on
CSSHTMLASP.NET
4 Comments1 Solution513 ViewsLast Modified:
I have alot of Popups in my program and I would like to make them a little more uniform so I am trying to set properties for when my Popups  show but I want to set the top Title bar to be the same for each one. I want the Title of my Popups to look like this..

Popup Title bar
Here is thes tyle and script for it but I dont know how to apply the <th> (Im assuming) to my popup controls??? In the ShowPopup funtion it is setting the title of the Popup but I cant get the Title the same way in my version

Here is the original style
<style type="text/css">
    table
    {
        border: 1px solid #ccc;
        border-collapse: collapse;
        background-color:#fff;
        font-size: 10pt !important;
        font-family: Arial !important;
    }
    table th
    {
        background-color: #B8DBFD;
        color: #333;
        font-weight: bold;
    }
    table th, table td
    {
        padding: 5px;
        /*border: 1px solid #ccc;*/
    }
    table, table table td
    {
        border: 0px solid #ccc;
    }
</style>

 <script type="text/javascript">
        $(function () {
            $("[id*=btnShowPopup]").click(function () {
                ShowPopup();
                return false;
            });
        });
        function ShowPopup() {
            $("#dialog").dialog({
                title: "GridView",
                width: 450,
                buttons: {
                    Ok: function () {
                        $(this).dialog('close');
                    }
                },
                modal: true
            });
        }
    </script>

And here is how I am trying to use it in my program???
/*Popup Control Gridview*/
.popupGridviewTable {
    border: 1px solid #ccc;
    border-collapse: collapse;
    background-color:#fff;
    font-size: 10pt !important;
    font-family: Arial !important;
}

.popupGridviewTable th
    {
        background-color: #B8DBFD;
        color: #333;
        font-weight: bold;
        height:30px;
    }

.popupGridviewTable table th, table td
    {
        padding: 5px;
        /*border: 1px solid #ccc;*/
    }
.popupGridviewTable table, table table td
    {
        border: 0px solid #ccc;
    }

Everything else works but I cant get the title or th to be set??

Thanks for any help
Join the community to see this answer!
Join our exclusive community to see this answer & millions of others.
Unlock 1 Answer and 4 Comments.
Join the Community
Learn from the best

Network and collaborate with thousands of CTOs, CISOs, and IT Pros rooting for you and your success.

Andrew Hancock - VMware vExpert
See if this solution works for you by signing up for a 7 day free trial.
Unlock 1 Answer and 4 Comments.
Try for 7 days

”The time we save is the biggest benefit of E-E to our team. What could take multiple guys 2 hours or more each to find is accessed in around 15 minutes on Experts Exchange.

-Mike Kapnisakis, Warner Bros