Add "click to edit" to Grid Empty Editable cells

Title:

BI{code} ?

I need to add the text "click to edit" to empty Grid cells (cells without any content) that are editable, as in [https://demo.aspnetawesome.com/GridInlineEditDemo#Edit-on-row-click this demo] the click to edit text should have center text alignment and smaller font-size

Save Changes Cancel

c4

asked at 01 Mar 2019

Answers

• BI{code} ?

  You can add a CssClass to your column, example: new Column { Bind = "Comments", CssClass = "editcol" } .Mod( o => o.Inline(Html.Awe().TextBox("Comments"))), and add this js: $(function() { var grid = $('#gridId'); grid.on('awerender aweinlinesave aweinlinecancel', function() { grid.find('.editcol .awe-empty').each(function() { $(this).html('<div class="clickedit">click to edit</div>'); }); }); }); and the css: .clickedit { color:gray; text-align: center; font-size: .9em; }

  Save Changes Cancel

  

  Omu

  answered at 01 Mar 2019

  • Oohhhh thats very cool! Iam new to that website buiz. It helped me alot in understanding it more, thanks Sir!
    at 01 Mar 2019 c4

please Sign In to leave an answer