I enclosed my entire .aspx age code in <asp:updatepanel and <content template. My code contains two set of radio buttons that are causing postback. I also have a tool tip in my code. The color of the tip is black background with white text. Once the postback happens, the tool tip color is lost. Below is my code:
Below is the image of the tool tip before postback :
after postback all the background and foreground colors are lost. I want to keep the tooltip colors, the way they were before postback.
<asp:UpdatePanel ID="updatePanel2" runat="server">
<ContentTemplate>
<div> </div>
<div></div>
<div> </div>
<div>
<div class="panel panel-default panel-login">
<div class="panel-heading">
</div>
<asp:ValidationSummary runat="server" ID="ValidationSummary1"
DisplayMode="BulletList"
ShowMessageBox="False" ShowSummary="True" CssClass="alert alert-danger" />
</div>
</div>
<div class="box">
<div class="header-wrapper" style="background-color:#264653;color:white">
<h5>General Questions</h5>
</div>
<div> </div>
<div class="form-group">
<div class="row">
<div class="col-sm-1"> </div>
<legend class="col-form-label col-sm-3 pt-0">document1
<button class="btn btn-default" data-toggle="tooltip" data-placement="right" title="test1 ">
<img src="../Images/InfoOrange.png" width="26" />
</button>
</legend>
<div class="col-sm-8">
<div class="form-check">
<asp:RadioButton ID="rdbMulti1" class="form-check-input" type="radio" value="grpmultiYes" runat="server" GroupName="grpMulti" OnCheckedChanged="Multi_chekedChanged" AutoPostBack="true" />
<label class="form-check-label" for="gridRadios1">
Yes
</label>
</div>
<div class="form-check">
<asp:RadioButton ID="rdbMulti2" class="form-check-input" runat="server" value="grpmultiNo" GroupName="grpMulti" OnCheckedChanged="Multi_chekedChanged" AutoPostBack="true" />
<label class="form-check-label" for="gridRadios2">
No
</label>
</div>
</div>
</div>
</div>
<div class="form-group row" runat="server" id="dvTitle" visible="false">
<div class="col-sm-1"> </div>
<label for="inputTitles" class="col-sm-3 col-form-label">number of docs?</label>
<div class="col-sm-8">
<asp:TextBox ID="txtTitles" runat="server" class="form-control" TextMode="Number" ></asp:TextBox>
</div>
</div>
<div class="form-group row">
<div class="col-sm-1"> </div>
<label for="inputpage" class="col-sm-3 col-form-label">How many Pages?</label>
<div class="col-sm-8">
<asp:TextBox ID="txtPages" runat="server" class="form-control" TextMode="Number" ></asp:TextBox>
</div>
</div>
<div class="form-group">
<div class="row">
<div class="col-sm-1"> </div>
<legend class="col-form-label col-sm-3 pt-0">Page Size Requirements
<button class="btn btn-default" data-toggle="tooltip" data-placement="right" title="This is a test tooltip ">
<img src="../Images/InfoOrange.png" width="26" />
</button>
</legend>
<div class="col-sm-8">
<div class="form-check">
<asp:RadioButton ID="rdbPageSize1" class="form-check-input" type="radio" value="grpPageYes" runat="server" GroupName="grpPage" />
<label class="form-check-label" for="gridRadios1">
Yes
</label>
</div>
<div class="form-check">
<asp:RadioButton ID="rdbPageSize2" class="form-check-input" runat="server" value="grpPageNo" GroupName="grpPage" />
<label class="form-check-label" for="gridRadios2">
No
</label>
</div>
</div>
</div>
</div>
</div>
<div>
</div>
<%--end of one box--%>
<div class="container">
<div class="row">
<div class="col text-center">
<asp:LinkButton ID="lnkNext" CssClass="btns" runat="server" OnClick="Next_click">Next »</asp:LinkButton>
</div>
</div>
</div>
<asp:CustomValidator id="CustomValidator2" runat="server" Display="None" ErrorMessage="Please choose one option for multi-titled document" ClientValidationFunction="CustomValidator1_ClientValidate" OnServerValidate="CustomValidator1_ServerValidate"></asp:CustomValidator>
<asp:RequiredFieldValidator ID="RequiredFieldValidatorPages"
runat="server"
ErrorMessage="Please enter number of pages." ControlToValidate="txtPages"
Display="None" SetFocusOnError="True" CssClass="alert-text" />
<asp:RequiredFieldValidator ID="RequiredFieldValidatorTitles"
runat="server"
ErrorMessage="Please enter number of titles." ControlToValidate="txtTitles"
Display="None" SetFocusOnError="True" CssClass="alert-text" ></asp:RequiredFieldValidator>
<asp:CustomValidator id="CustomValidator1" runat="server" Display="None" ErrorMessage="Please choose size requirements" ClientValidationFunction="CustomValidator2_ClientValidate" OnServerValidate="CustomValidator2_ServerValidate"></asp:CustomValidator>
</ContentTemplate>
</asp:UpdatePanel>
Any help will be greatly appreciated.
