2020

serenitytypescript

2020-12-26

Introduce A Dashboard Widget System For Serenity Framework

I created dashboard widget system which will help developer create their own widgets easy for Serenity framework DemoLink for demo site: https://jin-pro-packages.azurewebsites.netLogin account: admin/

serenitytypescript

2020-10-16

Keep menu toggle state after page reload

I saw some users need to keep left menu toggle state after page reload, the idea is quite simple, we need something to keep state, localStorage is a good candidate. https://developer.mozilla.org/en-US

serenityslickgridtypescript

2020-10-07

Adding slickgrid column in Serenity dynamically

Grid.ts DemoMyFormatter.ts Demo

CSSserenitytypescript

2020-08-06

Implement Helping Button Using Popover Bootstrap 3 On Serenity Form

Demo CodeJ.HelpPopover.ts J.HelpPopoverAttribute.cs site.less YourDialog.ts YourForm.cs Reference https://bootstrapdocs.com/v3.3.6/docs/javascript/#popovers https://github.com/volkanceylan/Sere

serenitytypescript

2020-06-10

Create Serenity Toolbar Dropdown Button

Sometime we will need to create a dropdown button on serenity toolbar, this is how I implement it. This plugin use bootstrap 3 dropdown so I will try to support some popular its features like header,

2019

serenitytypescript

2019-10-17

Serenity LookupEditor - Pass Parameter And Change LookupKey

This post I will show you guys how to pass parameter into lookup editor, filter lookup items or change lookup key by parameter’s value Demo: We will need to create a custom lookup editor by typescri

serenitytypescript

2019-10-03

How To Create A Slider Dialog In Serenity (Part 3)

ProblemsI suggest first reading and Slider dialog that I implemented basically is a panel dialog, for some reasons, Serenity will hide parent panel of your dialog when it opens new panel dialog. For

serenitytypescript

2019-09-29

How To Create A Slider Dialog In Serenity (Part 2)

Back to the future :DIn we implemented a simple way to create a slider dialog when you click on a button on Serenity’s grid toolbar. It works pretty well right? No, it doesn’t. LOL :D If you open sli

serenitytypescript

2019-09-26

How To Create A Slider Dialog In Serenity (Part 1)

IntroduceCurrently, at the point I write this post, the latest Sereity’s version is 3.9.8, Serenity just have 2 types of dialog,they are a generic dialog (using jquery dialog) and panel dialog.

serenitytypescript

2019-09-21

Serenity FileUploadEditor Confirmation

Hi guys, this post will show you how to implement Confirmation feature for Serenity‘s FileUploadEditor => Requirements: If uploader has no file selected, don’t show confirmation box If we selected