Name of the repo says that this is an EXTRA of my Beloved https://github.com/volkanceylan/Serenity platform

It is just some useful utilities and some extra functionalities like

• Showing lookup text instead of id value in grid.
• Automatic width adjustment of grid columns.
• Adding export report button automatically in grid if a report service method in defined.
• Added funtionality to make a detail grid editable (inline)
• Added some useful function in q (Not Q).
• Audit Log in a single Table and a nice viewer.
• Replace Row (useful for deleting a record and replace the dependants records with another record)
• Added some editors
  • AutoCompleteEditor
  • ColorEditor
  • DateTimePickerEditor
  • EmptyLookupEditor
  • StaticTextBlock

1. Install NuGet Package Serenity.Extra
2. Include the following lines in _LayoutHead.cshtml

@Html.Stylesheet("~/Modules/_Ext/ExtStyles.css")
@Html.Script("~/Modules/_Ext/CustomSlickGridPlugin/slick.autocolumnsize.js")
@Html.Script("~/Modules/_Ext/Editors/slick.editors.js") 

3. Change Base/Super classes of Dialog.ts and Grid.ts using following mappings

4. Add [LookupScript("Administration.User")] on UserRow
5. Add following line in ScriptInitialization.ts Q.Config.rootNamespaces.push('_Ext');

simply use [CssClass("width6")] on top of the property in Form.cs. here "width6" is similar to "col-xx-6" in bootstrap

add the following code to Grid.ts

protected getSlickOptions() {
  let opt = super.getSlickOptions();
  opt.editable = true;
  return opt;
}

use q.hideField(this.form.SomeField).

use Serenity.EditorUtils.setReadOnly(this.form.SomeField, true);

call this.setReadOnly(true); anywhere in your dialog.

Initialize detail editor by using q.initDetailEditor(this, this.form.someDetailField) in dialog's constructor() OR onDialogOpen() overload

Then you should be able to access parent dialog like this.parentEditor.parentDialog

Make sure that you have declared form in parent/master dialog as public