Mou_kol wrote:

good article links

<div contenteditable="true">
   Some content here, it can be edited with the support of CTRL B and CTRL I modifiers. 
</div>

sp:Button ID="btnDelete" runat="server" Width="70" 
 Text="Remove" CommandName="Remove" 
 CommandArgument='<%# Container.ItemIndex %>' />

<asp:Label ID="lblCsf" runat="server" Text='<%#: Eval("Max") %>'/>

$('#btnViewJob').click(function(event) {
    event.preventDefault();
    
    var mytext = 'My first modal dialog using MVC: <input type="text" value="Some value comes from parent page" id="temp"' + somevaluecomesfromparentpage + '" />';
    
    var dialog = $("#dialog");
    if (!dialog.length) {
        // First time: create the dialog element:
        dialog = $("<div/>").attr("id", "dialog").appendTo("body");
        
        dialog.dialog({
            autoOpen: false,
            width: 400,
            resizable: false,
            title: "hi there",
            modal: true,
            buttons: {
                "Close": function() {
                    $(this).dialog("close");
                }
            }
        });
    }
    
    dialog.empty().html("<table><tr><td>" + mytext + "</td></tr></table>");
    dialog.dialog("open");
});

bundles.Add(new StyleBundle("~/Content/themes/bsc/css").Include(
                          "~/Content/themes/bsc/jquery-ui.min.css",
                          "~/Content/themes/bsc/jquery-ui.structure.min.css",
                          "~/Content/themes/bsc/jquery-ui.theme.min.css"));

@section head{
    @Styles.Render("~/Content/css")
    @Styles.Render("~/bundles/bootstrap")
    @Styles.Render("~/bundles/jquery")
    @Styles.Render("~/bundles/jqueryval")    
    @Scripts.Render("~/bundles/jqueryui")
    @Scripts.Render("~/Content/themes/bsc/css")    
}

        $('#btnViewJob').click(function (event) {
            event.preventDefault();

            var mytext = 'My first modal dialog using MVC: <input type="text" value="Some value comes from parent page" id="temp" />';

            var dialog = $("#dialog");
            if (!dialog.length) {<br />
                dialog = $("<div/>").attr("id", "dialog").appendTo("body");

                dialog.dialog({
                    autoOpen: false,
                    width: 400,
                    resizable: false,
                    title: "hi there",
                    modal: true,
                    buttons: {
                        "Close": function () {
                            $(this).dialog("close");
                        }
                    }
                });
            }

            dialog.empty().html("<table><tr><td>" + mytext + "</td></tr></table>");
            dialog.dialog("open");
        });

table#tableDisplay2 {
    border-collapse: collapse;<br />
}
<h1>tableDisplay2 th {</h1>

<pre>
background-color: #eee;
border-top: 1px solid #fff;

tableDisplay2 tr:hover {

background-color: #ccc;

tableDisplay2 tr::selection {

background-color: #ccc;

tableDisplay2 tr.selected { background-color:#ccc !important; }

tableDisplay2 td:hover {