jQWidgets Forums

Forum Replies Created

Viewing 15 posts - 16 through 30 (of 36 total)

Author

Posts

March 23, 2013 at 1:01 pm in reply to: I want to align the content of jqxgridcell to center I want to align the content of jqxgridcell to center #17835

Narendra

Participant

Thanks for your reply..!

I couldn’t understand..

Please provide some sample code to achieve it..!

Thanks in advance!

March 23, 2013 at 10:42 am in reply to: I want to align the content of jqxgridcell to center I want to align the content of jqxgridcell to center #17825

Narendra

Participant

That’s not working…….!

Any other suggetions?

March 22, 2013 at 12:52 pm in reply to: How we override the editrow functionality with server side updating data in sql How we override the editrow functionality with server side updating data in sql #17749

Narendra

Participant

Sorry, It is not useful to my requirement, I am not using MVC3

Is there any alternate link to refer……..

Plz help me

March 22, 2013 at 12:51 pm in reply to: How we override the editrow functionality with server side updating data in sql How we override the editrow functionality with server side updating data in sql #17748

Narendra

Participant

Sorry, It is not useful to my requirement

Is there any alternate link to refer……..

Plz help me

March 21, 2013 at 9:25 am in reply to: How i can show/hide the jqxdropdownlist How i can show/hide the jqxdropdownlist #17616

Narendra

Participant

Here I using checkboxes in drp1 and I can select multiple options, If i didn’t select any one in drp1 then the drp2 will be in hidden

So the answer you given is not working here

I didn’t understood in which event(select, checkChange etc….) of drp1 i want to write code for show or hide the drp2

Plz provide me code for it?

Thanks in advance

March 20, 2013 at 2:38 pm in reply to: jqxSwitchbuttons not showing on/off properly in jqxtabs jqxSwitchbuttons not showing on/off properly in jqxtabs #17569

Narendra

Participant

Yes but no use!

March 20, 2013 at 1:34 pm in reply to: insert,update,delete in grid insert,update,delete in grid #17557

Narendra

Participant

Thanks for ur reply

Here I am using ASP.Net and VB.Net in that I am using jqwidget controls, I am Using jqxgrid with delete and edit buttons when I click on the particular row edit button a popup is displaying with row values and with save and no buttons…..

Here my requirement is that when i press save button the updated values in the textboxes will be stored into the sql database…….

Plz help me….

March 20, 2013 at 1:23 pm in reply to: set jqxdropdown value from sql database in pageload set jqxdropdown value from sql database in pageload #17555

Narendra

Participant

HI Thanks for ur reply

But here I am using asp.net not PHP and I know how to bind But i want how to set selected value for jqxdropdown on pageload

plz help me

March 20, 2013 at 12:15 pm in reply to: How can i add a delete column to a jqxgrid How can i add a delete column to a jqxgrid #17546

Narendra

Participant

Thanks for reply.

Its working………!

March 18, 2013 at 2:16 pm in reply to: jqxSwitchbuttons not showing on/off properly in jqxtabs jqxSwitchbuttons not showing on/off properly in jqxtabs #17313

Narendra

Participant

Hi Sir,

The above issue was again raising, if i refresh the page then it will show properly, If i go to next tab and then i came back to this tab then these jqxswitchbuttons in jqxtabs are again hiding and displaying half part only……

Plz help me………

Thanks in advance…….

March 18, 2013 at 12:59 pm in reply to: jqxSwitchbuttons not showing on/off properly in jqxtabs jqxSwitchbuttons not showing on/off properly in jqxtabs #17306

Narendra

Participant

Thank you……….!

It’s working………..

March 18, 2013 at 12:08 pm in reply to: jqxSwitchbuttons not showing on/off properly in jqxtabs jqxSwitchbuttons not showing on/off properly in jqxtabs #17297

Narendra

Participant

<%@ Page Title="" Language="VB" MasterPageFile="~/AfterLogin.master" AutoEventWireup="false" CodeFile="UserProfile.aspx.vb" Inherits="UserProfile" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
    <style type="text/css">
        .auto-style1 {
            width: 35px;
        }
        #gplusuname {
            height: 24px;
        }
        #linkeduname {
            height: 24px;
        }
        #twtuname {
            height: 25px;
        }
        #fbuname {
            height: 25px;
        }
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
    <asp:HiddenField ID="HdnSelectedTab" runat="server" />
    <asp:HiddenField ID="Hdnfname" runat="server" />
    <asp:HiddenField ID="Hdnlname" runat="server" />
    <asp:HiddenField ID="Hdnemail" runat="server" />
    <asp:HiddenField ID="Hdnalteremail" runat="server" />
    <asp:HiddenField ID="Hdncellphone" runat="server" />
    <asp:HiddenField ID="Hdnphone" runat="server" />
    <asp:HiddenField ID="Hdntitle" runat="server" />
    <asp:HiddenField ID="Hdnaddress" runat="server" />
    <asp:HiddenField ID="Hdnaddress2" runat="server" />
    <asp:HiddenField ID="Hdncountry" runat="server" />
    <asp:HiddenField ID="Hdncity" runat="server" />
    <asp:HiddenField ID="Hdnstate" runat="server" />
    <asp:HiddenField ID="Hdnzip" runat="server" />
    <asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
    </asp:ToolkitScriptManager>
    <script type="text/javascript">
        $(document).ready(function () {
            if (document.getElementById("ContentPlaceHolder1_HdnSelectedTab").value == "") {
                $('#jqxTabs').jqxTabs({ selectedItem: 0, height: 590, theme: 'maroon', selectionTracker: true, animationType: 'fade', keyboardNavigation: true });
            }
            if (document.getElementById("ContentPlaceHolder1_HdnSelectedTab").value == "0") {
                $('#jqxTabs').jqxTabs({ selectedItem: 0, height: 590, theme: 'maroon', selectionTracker: true, animationType: 'fade', keyboardNavigation: true });
            }
            if (document.getElementById("ContentPlaceHolder1_HdnSelectedTab").value == "3") {
                $('#jqxTabs').jqxTabs({ selectedItem: 3, height: 590, theme: 'maroon', selectionTracker: true, animationType: 'fade', keyboardNavigation: true });
            }
            if (document.getElementById("ContentPlaceHolder1_HdnSelectedTab").value == "4") {
                $('#jqxTabs').jqxTabs({ selectedItem: 4, height: 590, theme: 'maroon', selectionTracker: true, animationType: 'fade', keyboardNavigation: true });
            }
            if (document.getElementById("ContentPlaceHolder1_HdnSelectedTab").value == "5") {
                $('#jqxTabs').jqxTabs({ selectedItem: 5, height: 590, theme: 'maroon', selectionTracker: true, animationType: 'fade', keyboardNavigation: true });
            }
            $('#btnnextprofile').click(function () {
                $('#jqxTabs').jqxTabs('next');
            });
            $('#btnnextalter').click(function () {
                $('#jqxTabs').jqxTabs('next');
            });
            $('#btnbackalter').click(function () {
                $('#jqxTabs').jqxTabs('previous');
            });
            $('#btnbacksocial').click(function () {
                $('#jqxTabs').jqxTabs('previous');
            });
            $('#btnnextsocial').click(function () {
                $('#jqxTabs').jqxTabs('next');
            });
            $('#btnbackphoto').click(function () {
                $('#jqxTabs').jqxTabs('previous');
            });
            $('#btnnextphoto').click(function () {
                $('#jqxTabs').jqxTabs('next');
            });
        });
    </script>
    <script type="text/javascript">
        $(document).ready(function () {
            var source = [
                           "Primary E-mail",
                           "Alternate E-mail",
                           "SMS",
                           "Print",
                           "Social"
            ];
            // Create a jqxDropDownList
            $("#drpdwnpcmethod").jqxDropDownList({ source: source, width: '155px', height: '25px', });
        });
    </script>
    <script type="text/javascript">
        $(document).ready(function () {
            var theme = getTheme();
            // For Switch Buttons
            $('#button1').jqxSwitchButton({ height: 20, width: 81, theme: theme, checked: false, thumbSize: '50%' });
            $('#button2').jqxSwitchButton({ height: 20, width: 81, theme: theme, checked: false, thumbSize: '50%' });
            $('#button3').jqxSwitchButton({ height: 20, width: 81, theme: theme, checked: false, thumbSize: '50%' });
            $('#button4').jqxSwitchButton({ height: 20, width: 81, theme: theme, checked: false, thumbSize: '50%' });
            $('#button5').jqxSwitchButton({ height: 20, width: 81, theme: theme, checked: false, thumbSize: '50%' });
            $('#button6').jqxSwitchButton({ height: 20, width: 81, theme: theme, checked: false, thumbSize: '50%' });
            $('#button7').jqxSwitchButton({ height: 20, width: 81, theme: theme, checked: false, thumbSize: '50%' });
            $('#button8').jqxSwitchButton({ height: 20, width: 81, theme: theme, checked: false, thumbSize: '50%' });
            //For Switch Checked and Unchecked
            $("#button1").bind('checked', function (event) {
                $("#txtfbuname").removeAttr("disabled");
            });
            $("#button1").bind('unchecked', function (event) {
                $("#txtfbuname").val("");
                $("#txtfbuname").attr("disabled", "disabled");
            });
            $("#button2").bind('checked', function (event) {
                $("#txttwtuname").removeAttr("disabled");
            });
            $("#button2").bind('unchecked', function (event) {
                $("#txttwtuname").val("");
                $("#txttwtuname").attr("disabled", "disabled");
            });
            $("#button3").bind('checked', function (event) {
                $("#txtlinkeduname").removeAttr("disabled");
            });
            $("#button3").bind('unchecked', function (event) {
                $("#txtlinkeduname").val("");
                $("#txtlinkeduname").attr("disabled", "disabled");
            });
            $("#button4").bind('checked', function (event) {
                $("#txtgplusuname").removeAttr("disabled");
            });
            $("#button4").bind('unchecked', function (event) {
                $("#txtgplusuname").val("");
                $("#txtgplusuname").attr("disabled", "disabled");
            });
            $("#button5").bind('checked', function (event) {
                $("#txtdrpbxname").removeAttr("disabled");
            });
            $("#button5").bind('unchecked', function (event) {
                $("#txtdrpbxname").val("");
                $("#txtdrpbxname").attr("disabled", "disabled");
            });
            $("#button6").bind('checked', function (event) {
                $("#txtboxname").removeAttr("disabled");
            });
            $("#button6").bind('unchecked', function (event) {
                $("#txtboxname").val("");
                $("#txtboxname").attr("disabled", "disabled");
            });
            $("#button7").bind('checked', function (event) {
                $("#txtgdrivename").removeAttr("disabled");
            });
            $("#button7").bind('unchecked', function (event) {
                $("#txtgdrivename").val("");
                $("#txtgdrivename").attr("disabled", "disabled");
            });
            $("#button8").bind('checked', function (event) {
                $("#txtevrnotename").removeAttr("disabled");
            });
            $("#button8").bind('unchecked', function (event) {
                $("#txtevrnotename").val("");
                $("#txtevrnotename").attr("disabled", "disabled");
            });
        });
    </script>
    <script type="text/javascript">
        function uploadComplete(sender, args) {
            var filename = args.get_fileName();
            $get('<%=imgprofile.ClientID%>').src = "./Images/ProfilePhotos/" + filename;
        }
    </script>
    <script type="text/javascript">
        function abc() {
            //  $("#flup").click();
            // var file = $('<%=imgUpload.ClientID%>').value;
            //    alert(file);
        }
    </script>
    <div id='jqxWidget' style="margin-left: 6px;" align="justify">
        <div id='jqxTabs' style="margin-left: 90px; margin-right: 100px; height: 1360px;">
            <ul>
                <li>Profile</li>
                <li>Alternate Contact</li>
                <li>Social</li>
                <li>Upload Photo</li>
            </ul>
            <br />
            <br />
            <div class="corner" style="margin-left: 200px; display: block; height: 477px; width: 406px; padding-top: 0px; padding-left: 7px;">
                <table align="center">
                    <tr>
                        <td align="center" class="tabhead">
                            <asp:Label ID="lblprofile" runat="server" Text="User Information"></asp:Label></td>
                    </tr>
                </table>
                <br />
                <br />
                <table style="padding-left: 40px;">
                    <tr>
                        <td>First Name:</td>
                        <td class="auto-style1"></td>
                        <td>
                            <input type="text" id='txtfname' />
                        </td>
                    </tr>
                    <tr>
                        <td>Last Name:</td>
                        <td class="auto-style1"></td>
                        <td>
                            <input type="text" id='txtlname' />
                        </td>
                    </tr>
                    <tr>
                        <td>E-mail:</td>
                        <td class="auto-style1"></td>
                        <td>
                            <input type="text" id='txtemail' />
                        </td>
                    </tr>
                    <tr>
                        <td>Cell Phone:</td>
                        <td class="auto-style1"></td>
                        <td>
                            <input type="text" id='txtcellphone' />
                        </td>
                    </tr>
                    <tr>
                        <td>Title:</td>
                        <td class="auto-style1"></td>
                        <td>
                            <input type="text" id='txttitle' />
                        </td>
                    </tr>
                    <tr>
                        <td>Address:</td>
                        <td class="auto-style1"></td>
                        <td>
                            <input type="text" id='txtaddress' />
                        </td>
                    </tr>
                    <tr>
                        <td>Address2:</td>
                        <td class="auto-style1"></td>
                        <td>
                            <input type="text" id='txtaddress2' />
                        </td>
                    </tr>
                    <tr>
                        <td>Country:</td>
                        <td class="auto-style1"></td>
                        <td>
                            <input type="text" id='txtcountry' />
                        </td>
                    </tr>
                    <tr>
                        <td>City:</td>
                        <td class="auto-style1"></td>
                        <td>
                            <input type="text" id='txtcity' />
                        </td>
                    </tr>
                    <tr>
                        <td>State:</td>
                        <td class="auto-style1"></td>
                        <td>
                            <input type="text" id='txtstate' />
                        </td>
                    </tr>
                    <tr>
                        <td>Zip:</td>
                        <td class="auto-style1"></td>
                        <td>
                            <input type="text" id='txtzip' />
                        </td>
                    </tr>
                    <tr>
                        <td></td>
                        <td class="auto-style1"></td>
                    </tr>
                    <tr>
                        <td align="center" colspan="3">
                            <div style="padding-left: 50px">
                                <input type="button" value="Next" class="Post" id="btnnextprofile" />
                            </div>
                        </td>
                    </tr>
                </table>
            </div>
            <div class="corner" style="margin-left: 200px; display: block; height: 257px; width: 406px; padding-top: 0px; padding-left: 7px;">
                <table align="center">
                    <tr>
                        <td align="center" class="tabhead">
                            <asp:Label ID="lblalter" runat="server" Text="Alternate Contact"></asp:Label></td>
                    </tr>
                </table>
                <br />
                <br />
                <table style="padding-left: 40px;">
                    <tr>
                        <td>Alternate E-mail:</td>
                        <td class="auto-style1"></td>
                        <td>
                            <input type="text" id='txtalteremail' />
                        </td>
                    </tr>
                    <tr>
                        <td>Phone:</td>
                        <td class="auto-style1"></td>
                        <td>
                            <input type="text" id='txtphone' />
                        </td>
                    </tr>
                    <tr>
                        <td>Primary Contact method:</td>
                        <td class="auto-style1"></td>
                        <td>
                            <div id="drpdwnpcmethod"></div>
                        </td>
                    </tr>
                    <tr>
                        <td></td>
                        <td></td>
                    </tr>
                    <tr>
                        <td></td>
                        <td></td>
                    </tr>
                    <tr>
                        <td align="left">
                            <input type="button" value="Back" class="Post" id="btnbackalter" />
                        </td>
                        <td class="auto-style1"></td>
                        <td align="right">
                            <input type="button" value="Next" class="Post" id="btnnextalter" />
                        </td>
                    </tr>
                </table>
            </div>
            <div style="margin-left: 200px; display: block; height: 369px; width: 381px; padding-top: 0px; padding-left: 7px;" class="corner">
                <table align="center" class="tabhead">
                    <tr>
                        <td>
                            <asp:Label ID="lblsocial" runat="server" Text="Social"></asp:Label></td>
                    </tr>
                </table>
                <br />
                <table style="padding-left: 40px;" class="networktab">
                    <tr>
                        <td>
                            <img src="Images/Welcome/Connections/facebook_icon.png" class="networkimg" /></td>
                        <td class="networkbuttontd">
                            <div id="button1" height="25px" width="25px"></div>
                        </td>
                        <td>
                            <input type="text" id="txtfbuname" disabled="disabled" /></td>
                    </tr>
                    <tr>
                        <td>
                            <img src="Images/Welcome/Connections/twitter-icon.png" class="networkimg" /></td>
                        <td class="networkbuttontd">
                            <div id="button2"></div>
                        </td>
                        <td>
                            <input type="text" id="txttwtuname" disabled="disabled" /></td>
                    </tr>
                    <tr>
                        <td>
                            <img src="Images/Welcome/Connections/LinkedIn_logo.png" class="networkimg" /></td>
                        <td class="networkbuttontd">
                            <div id="button3"></div>
                        </td>
                        <td>
                            <input type="text" id="txtlinkeduname" disabled="disabled" /></td>
                    </tr>
                    <tr>
                        <td>
                            <img src="Images/Welcome/Connections/newgplusicon.png" class="networkimg" /></td>
                        <td class="networkbuttontd">
                            <div id="button4"></div>
                        </td>
                        <td>
                            <input type="text" id="txtgplusuname" disabled="disabled" /></td>
                    </tr>
                    <tr>
                        <td>
                            <img src="Images/Welcome/Connections/drpbx.jpg" class="networkimg" /></td>
                        <td class="networkbuttontd">
                            <div id="button5"></div>
                        </td>
                        <td>
                            <input type="text" id="txtdrpbxname" disabled="disabled" /></td>
                    </tr>
                    <tr>
                        <td>
                            <img src="Images/Welcome/Connections/box.jpg" class="networkimg" /></td>
                        <td class="networkbuttontd">
                            <div id="button6"></div>
                        </td>
                        <td>
                            <input type="text" id="txtboxname" disabled="disabled" /></td>
                    </tr>
                    <tr>
                        <td>
                            <img src="Images/Welcome/Connections/gdrive.jpg" class="networkimg" /></td>
                        <td class="networkbuttontd">
                            <div id="button7"></div>
                        </td>
                        <td>
                            <input type="text" id="txtgdrivename" disabled="disabled" /></td>
                    </tr>
                    <tr>
                        <td>
                            <img src="Images/Welcome/Connections/evrnote.jpg" class="networkimg" /></td>
                        <td class="networkbuttontd">
                            <div id="button8"></div>
                        </td>
                        <td>
                            <input type="text" id="txtevrnotename" disabled="disabled" /></td>
                    </tr>
                    <tr>
                        <td></td>
                        <td></td>
                    </tr>
                    <tr>
                        <td align="left">
                            <input type="button" value="Back" class="Post" id="btnbacksocial" />
                        </td>
                        <td class="auto-style1"></td>
                        <td align="right">
                            <input type="button" value="Next" class="Post" id="btnnextsocial" />
                        </td>
                    </tr>
                </table>
            </div>
            <div style="margin-left: 270px; display: block; height: 341px; width: 300px; padding-top: 0px; padding-left: 7px;" class="corner">
                <table align="center" class="tabhead">
                    <tr>
                        <td>
                            <asp:Label ID="lblphoto" runat="server" Text="Upload Photo"></asp:Label></td>
                    </tr>
                </table>
                <br />
                <table style="padding-top: 10px;" class="networktab" align="center">
                    <tr>
                        <td align="center" colspan="3">
                            <asp:Image runat="server" ID="imgprofile" src="Images/ProfilePhotos/profile1.jpg" Width="105" Height="143" /></td>
                    </tr>
                    <tr>
                        <td></td>
                    </tr>
                    <tr>
                        <td colspan="3" align="center">
                            <input type="file" id="flup" style="visibility: hidden; position: absolute" />
                            <asp:AsyncFileUpload ID="imgupload" runat="server" OnClientUploadComplete="uploadComplete" CompleteBackColor=""
                                Height="16px" Width="107px" OnUploadedComplete="imgUpload_UploadedComplete" UploaderStyle="Modern" BorderStyle="None" BackColor="White" BorderColor="White" />
                            <%--<input type="button" id="btnupload" value="Upload Photo" class="Post" width="116px" height="26px" onclick="abc()"/></td>--%>
                    </tr>
                    <tr>
                        <td></td>
                        <td></td>
                    </tr>
                    <tr>
                        <td align="left">
                            <input type="button" value="Back" class="Post" id="btnbackphoto" />
                        </td>
                        <td class="auto-style1"></td>
                        <td align="right">
                            <input type="button" value="Next" class="Post" id="btnnextphoto" />
                        </td>
                    </tr>
                </table>
            </div>
        </div>
        <br />
        <div align="center">
            <asp:Button ID="btnsubmit" Text="Save" runat="server" CssClass="Post" />
        </div>
    </div>
</asp:Content>

March 18, 2013 at 12:06 pm in reply to: jqxSwitchbuttons not showing on/off properly in jqxtabs jqxSwitchbuttons not showing on/off properly in jqxtabs #17296

Narendra

Participant

.auto-style1 {
width: 35px;
}
#gplusuname {
height: 24px;
}
#linkeduname {
height: 24px;
}
#twtuname {
height: 25px;
}
#fbuname {
height: 25px;
}

$(document).ready(function () {
if (document.getElementById(“ContentPlaceHolder1_HdnSelectedTab”).value == “”) {
$(‘#jqxTabs’).jqxTabs({ selectedItem: 0, height: 590, theme: ‘maroon’, selectionTracker: true, animationType: ‘fade’, keyboardNavigation: true });
}
if (document.getElementById(“ContentPlaceHolder1_HdnSelectedTab”).value == “0”) {
$(‘#jqxTabs’).jqxTabs({ selectedItem: 0, height: 590, theme: ‘maroon’, selectionTracker: true, animationType: ‘fade’, keyboardNavigation: true });
}
if (document.getElementById(“ContentPlaceHolder1_HdnSelectedTab”).value == “3”) {
$(‘#jqxTabs’).jqxTabs({ selectedItem: 3, height: 590, theme: ‘maroon’, selectionTracker: true, animationType: ‘fade’, keyboardNavigation: true });
}
if (document.getElementById(“ContentPlaceHolder1_HdnSelectedTab”).value == “4”) {
$(‘#jqxTabs’).jqxTabs({ selectedItem: 4, height: 590, theme: ‘maroon’, selectionTracker: true, animationType: ‘fade’, keyboardNavigation: true });
}
if (document.getElementById(“ContentPlaceHolder1_HdnSelectedTab”).value == “5”) {
$(‘#jqxTabs’).jqxTabs({ selectedItem: 5, height: 590, theme: ‘maroon’, selectionTracker: true, animationType: ‘fade’, keyboardNavigation: true });
}
$(‘#btnnextprofile’).click(function () {
$(‘#jqxTabs’).jqxTabs(‘next’);
});
$(‘#btnnextalter’).click(function () {
$(‘#jqxTabs’).jqxTabs(‘next’);
});
$(‘#btnbackalter’).click(function () {
$(‘#jqxTabs’).jqxTabs(‘previous’);
});
$(‘#btnbacksocial’).click(function () {
$(‘#jqxTabs’).jqxTabs(‘previous’);
});
$(‘#btnnextsocial’).click(function () {
$(‘#jqxTabs’).jqxTabs(‘next’);
});
$(‘#btnbackphoto’).click(function () {
$(‘#jqxTabs’).jqxTabs(‘previous’);
});
$(‘#btnnextphoto’).click(function () {
$(‘#jqxTabs’).jqxTabs(‘next’);
});
});

$(document).ready(function () {
var source = [
“Primary E-mail”,
“Alternate E-mail”,
“SMS”,
“Print”,
“Social”
];
// Create a jqxDropDownList
$(“#drpdwnpcmethod”).jqxDropDownList({ source: source, width: ‘155px’, height: ’25px’, });
});

$(document).ready(function () {
var theme = getTheme();
// For Switch Buttons
$(‘#button1’).jqxSwitchButton({ height: 20, width: 81, theme: theme, checked: false, thumbSize: ‘50%’ });
$(‘#button2’).jqxSwitchButton({ height: 20, width: 81, theme: theme, checked: false, thumbSize: ‘50%’ });
$(‘#button3’).jqxSwitchButton({ height: 20, width: 81, theme: theme, checked: false, thumbSize: ‘50%’ });
$(‘#button4’).jqxSwitchButton({ height: 20, width: 81, theme: theme, checked: false, thumbSize: ‘50%’ });
$(‘#button5’).jqxSwitchButton({ height: 20, width: 81, theme: theme, checked: false, thumbSize: ‘50%’ });
$(‘#button6’).jqxSwitchButton({ height: 20, width: 81, theme: theme, checked: false, thumbSize: ‘50%’ });
$(‘#button7’).jqxSwitchButton({ height: 20, width: 81, theme: theme, checked: false, thumbSize: ‘50%’ });
$(‘#button8’).jqxSwitchButton({ height: 20, width: 81, theme: theme, checked: false, thumbSize: ‘50%’ });
//For Switch Checked and Unchecked
$(“#button1”).bind(‘checked’, function (event) {
$(“#txtfbuname”).removeAttr(“disabled”);
});
$(“#button1”).bind(‘unchecked’, function (event) {
$(“#txtfbuname”).val(“”);
$(“#txtfbuname”).attr(“disabled”, “disabled”);
});
$(“#button2”).bind(‘checked’, function (event) {
$(“#txttwtuname”).removeAttr(“disabled”);
});
$(“#button2”).bind(‘unchecked’, function (event) {
$(“#txttwtuname”).val(“”);
$(“#txttwtuname”).attr(“disabled”, “disabled”);
});
$(“#button3”).bind(‘checked’, function (event) {
$(“#txtlinkeduname”).removeAttr(“disabled”);
});
$(“#button3”).bind(‘unchecked’, function (event) {
$(“#txtlinkeduname”).val(“”);
$(“#txtlinkeduname”).attr(“disabled”, “disabled”);
});
$(“#button4”).bind(‘checked’, function (event) {
$(“#txtgplusuname”).removeAttr(“disabled”);
});
$(“#button4”).bind(‘unchecked’, function (event) {
$(“#txtgplusuname”).val(“”);
$(“#txtgplusuname”).attr(“disabled”, “disabled”);
});
$(“#button5”).bind(‘checked’, function (event) {
$(“#txtdrpbxname”).removeAttr(“disabled”);
});
$(“#button5”).bind(‘unchecked’, function (event) {
$(“#txtdrpbxname”).val(“”);
$(“#txtdrpbxname”).attr(“disabled”, “disabled”);
});
$(“#button6”).bind(‘checked’, function (event) {
$(“#txtboxname”).removeAttr(“disabled”);
});
$(“#button6”).bind(‘unchecked’, function (event) {
$(“#txtboxname”).val(“”);
$(“#txtboxname”).attr(“disabled”, “disabled”);
});
$(“#button7”).bind(‘checked’, function (event) {
$(“#txtgdrivename”).removeAttr(“disabled”);
});
$(“#button7”).bind(‘unchecked’, function (event) {
$(“#txtgdrivename”).val(“”);
$(“#txtgdrivename”).attr(“disabled”, “disabled”);
});
$(“#button8”).bind(‘checked’, function (event) {
$(“#txtevrnotename”).removeAttr(“disabled”);
});
$(“#button8”).bind(‘unchecked’, function (event) {
$(“#txtevrnotename”).val(“”);
$(“#txtevrnotename”).attr(“disabled”, “disabled”);
});
});

function uploadComplete(sender, args) {
var filename = args.get_fileName();
$get(”).src = “./Images/ProfilePhotos/” + filename;
}

function abc() {
// $(“#flup”).click();
// var file = $(”).value;
// alert(file);
}

Profile
Alternate Contact
Social
Upload Photo

First Name:

Last Name:

E-mail:

Cell Phone:

Title:

Address:

Address2:

Country:

City:

State:

Zip:

Alternate E-mail:

Phone:

Primary Contact method:

< %—-%>

“right”

“button” value=”Next” class=”Post” id=”btnnextphoto”

“center”

“btnsubmit” Text=”Save” runat=”server” CssClass=”Post”

March 18, 2013 at 10:48 am in reply to: jqxSwitchbuttons not showing on/off properly in jqxtabs jqxSwitchbuttons not showing on/off properly in jqxtabs #17285

Narendra

Participant

Here is my code……..

$(document).ready(function () {

$(‘#jqxTabs’).jqxTabs({ selectedItem: 0, height: 590, theme: ‘maroon’, selectionTracker: true, animationType: ‘fade’, keyboardNavigation: true });

$(‘#jqxTabs’).jqxTabs({ selectedItem: 3, height: 590, theme: ‘maroon’, selectionTracker: true, animationType: ‘fade’, keyboardNavigation: true });

$(‘#jqxTabs’).jqxTabs({ selectedItem: 4, height: 590, theme: ‘maroon’, selectionTracker: true, animationType: ‘fade’, keyboardNavigation: true });

$(‘#jqxTabs’).jqxTabs({ selectedItem: 5, height: 590, theme: ‘maroon’, selectionTracker: true, animationType: ‘fade’, keyboardNavigation: true });

$(‘#btnnextprofile’).click(function () {

$(‘#jqxTabs’).jqxTabs(‘next’);
});
$(‘#btnnextalter’).click(function () {

$(‘#jqxTabs’).jqxTabs(‘next’);
});
$(‘#btnbackalter’).click(function () {

$(‘#jqxTabs’).jqxTabs(‘previous’);
});

$(‘#btnbacksocial’).click(function () {

$(‘#jqxTabs’).jqxTabs(‘previous’);
});
$(‘#btnnextsocial’).click(function () {

$(‘#jqxTabs’).jqxTabs(‘next’);
});
$(‘#btnbackphoto’).click(function () {

$(‘#jqxTabs’).jqxTabs(‘previous’);
});
$(‘#btnnextphoto’).click(function () {

$(‘#jqxTabs’).jqxTabs(‘next’);
});

});

$(‘#btnnextprofile’).click(function () {

$(‘#jqxTabs’).jqxTabs(‘next’);
});
$(‘#btnnextalter’).click(function () {

$(‘#jqxTabs’).jqxTabs(‘next’);
});
$(‘#btnbackalter’).click(function () {

$(‘#jqxTabs’).jqxTabs(‘previous’);
});

$(‘#btnbacksocial’).click(function () {

$(‘#jqxTabs’).jqxTabs(‘previous’);
});
$(‘#btnnextsocial’).click(function () {

$(‘#jqxTabs’).jqxTabs(‘next’);
});
$(‘#btnbackphoto’).click(function () {

$(‘#jqxTabs’).jqxTabs(‘previous’);
});
$(‘#btnnextphoto’).click(function () {

$(‘#jqxTabs’).jqxTabs(‘next’);
});

});

$(document).ready(function () {
var theme = getTheme();
// For Switch Buttons

$(‘#button1’).jqxSwitchButton({ height: 20, width: 81, theme: theme, checked: false, thumbSize: ‘50%’ });
$(‘#button2’).jqxSwitchButton({ height: 20, width: 81, theme: theme, checked: false, thumbSize: ‘50%’ });
$(‘#button3’).jqxSwitchButton({ height: 20, width: 81, theme: theme, checked: false, thumbSize: ‘50%’ });
$(‘#button4’).jqxSwitchButton({ height: 20, width: 81, theme: theme, checked: false, thumbSize: ‘50%’ });
$(‘#button5’).jqxSwitchButton({ height: 20, width: 81, theme: theme, checked: false, thumbSize: ‘50%’ });
$(‘#button6’).jqxSwitchButton({ height: 20, width: 81, theme: theme, checked: false, thumbSize: ‘50%’ });
$(‘#button7’).jqxSwitchButton({ height: 20, width: 81, theme: theme, checked: false, thumbSize: ‘50%’ });
$(‘#button8’).jqxSwitchButton({ height: 20, width: 81, theme: theme, checked: false, thumbSize: ‘50%’ });

//For Switch Checked and Unchecked
$(“#button1”).bind(‘checked’, function (event) {
$(“#txtfbuname”).removeAttr(“disabled”);
});
$(“#button1”).bind(‘unchecked’, function (event) {
$(“#txtfbuname”).val(“”);
$(“#txtfbuname”).attr(“disabled”, “disabled”);
});
$(“#button2”).bind(‘checked’, function (event) {
$(“#txttwtuname”).removeAttr(“disabled”);
});
$(“#button2”).bind(‘unchecked’, function (event) {
$(“#txttwtuname”).val(“”);
$(“#txttwtuname”).attr(“disabled”, “disabled”);
});
$(“#button3”).bind(‘checked’, function (event) {
$(“#txtlinkeduname”).removeAttr(“disabled”);
});
$(“#button3”).bind(‘unchecked’, function (event) {
$(“#txtlinkeduname”).val(“”);
$(“#txtlinkeduname”).attr(“disabled”, “disabled”);
});
$(“#button4”).bind(‘checked’, function (event) {
$(“#txtgplusuname”).removeAttr(“disabled”);
});
$(“#button4”).bind(‘unchecked’, function (event) {
$(“#txtgplusuname”).val(“”);
$(“#txtgplusuname”).attr(“disabled”, “disabled”);
});
$(“#button5”).bind(‘checked’, function (event) {
$(“#txtdrpbxname”).removeAttr(“disabled”);
});
$(“#button5”).bind(‘unchecked’, function (event) {
$(“#txtdrpbxname”).val(“”);
$(“#txtdrpbxname”).attr(“disabled”, “disabled”);
});
$(“#button6”).bind(‘checked’, function (event) {
$(“#txtboxname”).removeAttr(“disabled”);
});
$(“#button6”).bind(‘unchecked’, function (event) {
$(“#txtboxname”).val(“”);
$(“#txtboxname”).attr(“disabled”, “disabled”);
});
$(“#button7”).bind(‘checked’, function (event) {
$(“#txtgdrivename”).removeAttr(“disabled”);
});
$(“#button7”).bind(‘unchecked’, function (event) {
$(“#txtgdrivename”).val(“”);
$(“#txtgdrivename”).attr(“disabled”, “disabled”);
});
$(“#button8”).bind(‘checked’, function (event) {
$(“#txtevrnotename”).removeAttr(“disabled”);
});
$(“#button8”).bind(‘unchecked’, function (event) {
$(“#txtevrnotename”).val(“”);
$(“#txtevrnotename”).attr(“disabled”, “disabled”);
});
});

$(‘#btnnextprofile’).click(function () {

$(‘#jqxTabs’).jqxTabs(‘next’);
});
$(‘#btnnextalter’).click(function () {

$(‘#jqxTabs’).jqxTabs(‘next’);
});
$(‘#btnbackalter’).click(function () {

$(‘#jqxTabs’).jqxTabs(‘previous’);
});

$(‘#btnbacksocial’).click(function () {

$(‘#jqxTabs’).jqxTabs(‘previous’);
});
$(‘#btnnextsocial’).click(function () {

$(‘#jqxTabs’).jqxTabs(‘next’);
});
$(‘#btnbackphoto’).click(function () {

$(‘#jqxTabs’).jqxTabs(‘previous’);
});
$(‘#btnnextphoto’).click(function () {

$(‘#jqxTabs’).jqxTabs(‘next’);
});

});

$(document).ready(function () {
var theme = getTheme();
// For Switch Buttons

$(document).ready(function () {
$(“#btnupload”).click(function () {
$(“#imgupload”).click();
})
$(‘#imgupload’).change(function () {
var src1 = $(“#imgupload”).value;
$(‘#imgprofile’).add(‘src’, src1);
// $(‘#frm_aftermaster’).submit();
});
});

Profile
Alternate Contact
Social
Upload Photo

First Name:

Last Name:

E-mail:

Cell Phone:

Title:

Address:

Address2:

Country:

City:

State:

Zip:

Alternate E-mail:

Phone:

Primary Contact method:

Try to understand and give me quick reply please….

March 18, 2013 at 9:30 am in reply to: jqxSwitchbuttons not showing on/off properly in jqxtabs jqxSwitchbuttons not showing on/off properly in jqxtabs #17278

Narendra

Participant

Thanks for your reply

But i have 5 tabs in jqxtabs and in one tab i have 8 jqxbuttons, If I tried the code you provided then the all jqxswitchbuttons are disappeared..

please help me it is urgent to me…..

Author

Posts

Viewing 15 posts - 16 through 30 (of 36 total)

← 1 2 3 →