All Answers

Use css transition https://www.w3schools.com/cssref/css3_pr_transition.asp

No need to use the animation extender.

Hi Luca

I modified the project eSigantureSample and attaching it here.

If I call the SetSignature() method from the button_click event, it works fine.

But if I call the method from the main after the form is loaded, you can see the error I mentioned. I just did to mimic the scenario in my environment where the controls are populated after the form is loaded.

Thanks

Praveena

Another PC or another browser on the same PC will have a different client id. Using the new Application.Clients you can also see all the clients using the app and for each client you can see how many sessions and the list of browsers used by that client (could be useful for a monitoring app).

Hi Luca,

thanks for your feedback. I thought about using cookies or localstorage but as far as I know this would require additional security efforts since I currently only save the user-id in the Application Session for subsequent database access after successful authentication.

Maybe I can use a global static key-value-store on the server/database with Application.ClientId and e.g. the roles of the logged on user ? Do you think this is a reliable way to use ? Using this approch a second WiseJ application in a new tab should have the same ClientId and could read the value from the server, right ? Using the URL on other PCs would not be able to view the report because the ClientId is not set and the check for it would fail…

Could transfering a session token be used to access the Session variables of the call WiseJ application:

App1:

Application.Session[“myID”] = “4711”;
Application.Navigate($”/Report?sid={Application.SessionId}?Req=0815″, “_blank”);

App2:

void IWisejHandler.ProcessRequest(HttpContext context)
{
Wisej.Web.Application.RestoreSession(context);
// do something with Application.Session[“myID”]
}

I tried this but ProcessRequest seems not to get called ?

Hi Tobias,

The included sample was targeted for opening an aspx page in a new tab.

If you are opening a Wisej tab, it’s entirely up to you to integrate the authentication method you want. You can for example authenticate the user from that new page, or pass a session token that can be used to validate the authenticity of the user.

Also, the DevExpress ReportViewer should  be able to be integrated in the standard AspNetPanel control.

HTH,

Alaa

Hi Alaa,

thank you very much for your sample.
(How) can this be extended to show a WiseJ page in the new tab for displaying the DevExpress Report Preview instead of posting back some “context.Responses” ?

Hi Luca

Below is the code that i have so far. The “SetSignature” method is called after the form and controls are loaded and when the control data is getting populated from the saved properties. So the base64 string will be passed as a parameter to this method.

I can see the log message “in apply signature”  in the console. And then it gives the attached error.

public SignatureControl()
{
InitializeComponent();
AllowDrag = false;
Movable = false;
this.AppearanceKey = “fixed-window”;
widget1.BorderStyle = Wisej.Web.BorderStyle.Solid;
widget1.InitScript = $@”this.init = function()
{{
var me = this;
console.log(“”inside init””);
$(this.container).ejSignature
({{
strokeWidth: 3,
isResponsive: true,
width: this.getWidth() + “”px””,
height: this.getHeight() + “”px””,

change: function(e) {{
me.fireWidgetEvent(“”change””, {{lastImage: e.lastImage}});
}}
}});
}}

this.loadSignature = function(data)
{{
var me = this;
console.log(“”in apply siganture””);
var obj = $(this.container).ejSignature(“”instance””); // Create object for signature control
console.log(“”after obj””);
canvas = obj._canvas[0];
context = canvas.getContext(“”2d””);
var img = new Image;
img.src = data; //specify image source
context.clearRect(0, 0, canvas.width, canvas.height); // Clear specified pixel
img.onload = function() {{
context.drawImage(img, 0, 0);
}}
console.log(“”after obj””);
}}”;
}
public void SetSignature(string imageData)
{
this.widget1.Call(“loadSignature”, imageData);
}
private void widget1_WidgetEvent(object sender, WidgetEventArgs e)
{
switch (e.Type)
{
case “change”:
OnSignatureChanged(e.Data.lastImage);
break;
}
}
public string Data { get; set; }

private void OnSignatureChanged(string imageData)
{
Data = imageData?.Split(‘,’)[1];
}

Thanks

Praveena

Hi Praveena

If you prefer, the sample case could be send it to supportATwisejDOTcom

Best regards

Hi Paul

Thank you for the update. But if the form and the control is already loaded, then calling the method in InitScript gives error “$ is not defined”. Any suggestions on how can this be fixed.

thanks

praveena

Hi Ruben,

You should check out the DataRepeater control. It features templating & Virtual Mode (https://docs.wisej.com/docs/controls/lists/datarepeater). VirtualMode allows you to specify your own data management system. Basically, you need to implement ItemUpdate, ItemValueNeeded, etc. It helps a lot when working with large datasets as you only render a few visible records on the client at a time.

You can check the scroll position of a Panel with this.panel1.VerticalScroll.Value.

HTH,

Levie

Hi Vincent,

This is a confirmed bug, I’ll let you know when it’s fixed.

Thank you for reporting it!

Best,
Alaa

Hi Praveena

You could follow the directions in this link: https://help.syncfusion.com/js/signature/how-to#pre-load-signature-image

You can add another method in the InitScript (i.e. applySignature) that takes the URL of the image as an argument.
Then just use this.widget1.Call(“applySignature”, “some/url/.png”)

HTH

Regards

Hi Tobias,

You can authenticate within the Wisej application by implementing IWisejHandler on a Page.
It allows the user to register a postback url and process / serve documents within it using the ProcessRequest handler, you can find more about it here: IWisejHandler – Wisej API

I have attached a small sample that demonstrates how you can implement it.

Let me know if you need anything.

HTH,
Alaa

Hi Pavel,

you can get unique IDs by adding this to your default.json:

"options": {"automation.mode":  true},

Best regards,
Frank