Semantic UI RRS feed

  • Question

  • User1979860870 posted


      How to implment Semantic UI in below scenario. I am using Ajax

    <div class="box">
        <!-- /.box-header -->
        <div class="box-body">
            <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal" onclick="clearTextBox();">Add New Location</button><br /><br />
            <table class="table table-bordered table-striped" id="tblLocation">
                <tbody class="tbody"></tbody>
        <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <h4 class="modal-title">Add New Location</h4>
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                    <div class="modal-body">
                        <div class="form-horizontal">
                            <div class="form-group">
                                <label for="Name">Location Id</label>
                                <input type="text" class="form-control" id="Id" placeholder="Location Id" />
                            <div class="form-group">
                                <label for="Name">Location Name</label>
                                <input type="text" class="form-control" id="Description" placeholder="Location Name" />
                    <div class="modal-footer">
                        <button type="button" class="btn btn-outline-dark" data-dismiss="modal">
                            <span class="glyphicon glyphicon-remove"></span> Cancel
                        <button type="button" class="btn btn-primary" id="btnAdd" onclick="return Add();">
                            <span class="glyphicon glyphicon-ok"></span> Save Changes
                        <button type="button" class="btn btn-primary" id="btnUpdate" style="display:none;" onclick="Update();">Update</button>
                        @*<button type="button" class="btn btn-outline-dark" data-dismiss="modal">Cancel</button>
                        <button type="button" class="btn btn-primary" id="btnAdd" onclick="return Add();"><span class="glyphicon glyphicon-ok"></span>Save Changes</button>
                        <button type="button" class="btn btn-primary" id="btnUpdate" style="display:none;" onclick="Update();">Update</button>*@
    <script src="~/Scripts/Appjs/Location.js"></script>


    Thursday, May 27, 2021 11:21 AM

All replies

  • User475983607 posted

    You need Semantic UI support. 


    Secondly, I'm not sure you understand what Sematic UI is given your AJAX question and Bootstrap source code.  You should take the necessary time to learn the framework.

    Thursday, May 27, 2021 12:05 PM
  • User287926715 posted

    Hi jagjit saini,

    jagjit saini

    Semantic UI

    Can you describe your specific needs completely? This is good for helping you solve the problem.

    Best Regards,


    Monday, May 31, 2021 8:14 AM