Skip to content

Latest commit

 

History

History
84 lines (72 loc) · 2.41 KB

README.md

File metadata and controls

84 lines (72 loc) · 2.41 KB
Raw

Editstrap2

FREE and WORKING version of the original Editstrap

Setup:

Asp / AspMvc .NET:

    <link href="@Url.Content("~/Content/editstrap.css")" rel="stylesheet">
    <script src="@Url.Content("~/Scripts/editstrap-3.3.1.js")"></script>

Pure html:

    <link href="css/editstrap.css" rel="stylesheet">
    <script src="scripts/editstrap-3.3.1.js"></script>

Other libs needed:

  • Bootstrap4 (+ jQuery)
  • Font awesome

Sample working in-edit element:

<i id="toEdit" class=""></i>
<script>
    $(function() {
        $("#toEdit").editstrap({
            type: 'text',
            validateClass:'success',
            saveOptions:'block',
            title: 'Upravit',
            editClasses:'fas fa-check',
            emptyField: 'No data',
            displaySuccess:function(editable,value,text){
                var element = editable.parent().parent().find(".result-message");
                element.html("Synced");
                element.addClass('edit-has-succes'); 
                element.show().delay(1000).fadeOut();            
            }       
        });
    }); 
</script>

Note: Due to the original author being a prick unable to write proper docs, this is the way to sync to server:

<i id="nameData" class=""></i>
$(function() {
    $("#nameData").editstrap({
        type: 'text',
        validateClass:'success',
        saveOptions:'block',
        title: 'Upravit',
        editClasses: 'fas fa-check',
        url: '@Url.Action("ACTION_REPLACE", "CONTROLLER_REPLACE")',         
        emptyField: 'No data',
        displaySuccess:function(editable,value,text){
            var element = editable.parent().parent().find(".result-message");
            element.html("Úspěšně synchronizováno");
            element.addClass('edit-has-succes animated bounceOutLeft'); 
            element.show().delay(1000).fadeOut();

        }

    });
});
[HttpPost]
public JsonResult ACTION_REPLACE(string value)
{
    // value param contains string needed
    return Json(new { });
}

Changes VS the original Editstrap:

  • Fully supports Bootstrap4
  • Missing glyphicons are now rendering correctly
  • Version 3.3.1 -> Latest public version of the original lib is 3.2.0 -> Includes some fixes and performace 'improvements'

Support the original author and buy useless version of this for 15$ only: https://editstrap.com/index.html