troubleshooting Question

CSS for Popup in ASP.NET

Avatar of jknj72
jknj72 asked on
ASP.NETCSSHTML
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>

Open in new window


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;
    }

Open in new window


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

Thanks for any help
ASKER CERTIFIED SOLUTION
Shaun Kline
Lead Software Engineer

Our community of experts have been thoroughly vetted for their expertise and industry experience.

Log in to continue reading
Become an EE member today7-DAY FREE TRIAL
Members can start a 7-Day Free trial then enjoy unlimited access to the platform for $9.99/mo
View membership options
Unlock 1 Answer and 4 Comments.
or
Learn why we charge membership fees
We get it - no one likes a content blocker. Take one extra minute and find out why we block content.
See how we're fighting big data
The Value of Experts Exchange in My Daily IT Life

Experts Exchange (EE) has become my company's go-to resource to get answers. I've used EE to make decisions, solve problems and even save customers. OutagesIO has been a challenging project and... Keep reading >>

Mike

Owner of Outages.IO
Phoenix, Arizona, United States
Member Since 2016
Join a full scale community that combines the best parts of other tools into one platform.
Unlock 1 Answer and 4 Comments.
View membership options
“All of life is about relationships, and EE has made a virtual community a real community. It lifts everyone's boat.”
William Peck

Member since 2004