Click here to Skip to main content
15,882,464 members
Please Sign up or sign in to vote.
0.00/5 (No votes)
I am using a twitter bootstrap in my project ,
i want to show the modal popup to with some text boxes and button to save the data to my BackEnd.
i useThis as configured template so its all work pretty fine , the problem is when i push the button it post back as usual and as normal thing, and the modal disappeared but its refreshing the page ....
from user experience point if view this is not fine , i want to push the button the modal fade not refreshing my page.
i tried to put it on a update panel and triggered the button and it refreshed again.
this is my code
ASP.NET
<a data-toggle="modal" data-original-title="Help" data-placement="bottom" data-toggle="tooltip" class="btn btn-default btn-sm" href="#helpModal">
                
            </a>

    <div id="helpModal" class="modal fade">
        <div class="modal-dialog">

            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                    <h4 class="modal-title">Modal title</h4>
                </div>
                <div class="modal-body">
                    <p>
                        Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
                    </p>
                </div> 
                <div class="modal-footer">

                    <asp:LinkButton runat="server"  ID="lnkSave" class="btn btn-default" 
                     OnClick="lnkSave_OnClick"  Text="Save"></asp:LinkButton>
                </div>
            </div>

            <!-- /.modal-content  data-dismiss="modal"  -->
        </div>
        <!-- /.modal-dialog -->
    </div>

no java script codes here .
Posted
Comments
Akinmade Bond 25-Sep-13 12:45pm    
Show the lnkSave_onClick function.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)



CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900