All Answers

Quick update, the reason the formatting is weird in winforms is because it creates a text column without a format and the default System.ComponentModel.DateTimeConverter strips the time when it’s midnight. Wisej.NET creates a DataGridViewDateTimePickerColumn (it doesn’t exist in WinForms) with a default format of “g”. You can customize it in several ways:

One is to handle ColumnAdded and change the format

 private void DataGridView1_ColumnAdded(object sender, DataGridViewColumnEventArgs e)
 {
    if (e.Column is DataGridViewDateTimePickerColumn dateColumn)
        dateColumn.Format = DateTimePickerFormat.Short;
 }

Another is to override DataGridView.CreateDataGridViewColumnFromType() and create or customize any column.

Thank you for the clarification. See below:

1. The datatable viewer is entirely managed by Visual Studio and I can use it without issues. The DataTable as well is not a Wisej class.
2. The DataGridView in WinForms has a bug/feature when you don’t specify a format. See screenshots. It mixes formats when a date is set with a midnight time and when it’s not. Wisej correctly shows the correct format for all cells.
3. Use DefaultCellStyle.Format = “d” in WinForms to correct the problem in WinForms and in Wisej.NET to use the format your application requires.

HTH

[Use “d”  as the format, see https://learn.microsoft.com/en-us/dotnet/standard/base-types/standard-date-and-time-format-strings]

I’ve read the date/time formats, but I don’t understand, should I create the DataGridView from code? In WinForms and also in Asp.net the DATE columns are displayed correctly to me, not as DATETIME, why doesn’t this happen with Wisej? If I have to redo all the DataGridView logic it would take too long.

Thank you

Hi Francesco,

I can assure you that the CellFormatting event is indeed working, how exactly are you using it?

This is an example on how you should use it:

private void Dgv_CellFormatting(object sender, DataGridViewCellFormattingEventArgs e)
{
if (e.ColumnIndex == 0)
{
e.Value = DateTime.Now.ToString("d");
}
}

Best,
Alaa

[The “custom viewer” error maybe a problem with Visual Studio. I don’t know what it means to open a datatable while debugging.]

It’s not a Visual Studio error, because it only happens with Wisej.

To reproduce the error just create a Datatable (here I do it with a query select)

DataTable oSelect = Leo.mytable(“select * from customer”);

If you block the execution and try to see the contents of the Datatable, as you see in the attachment, you receive the error (I translated it from Italian)

Use “d”  as the format, see https://learn.microsoft.com/en-us/dotnet/standard/base-types/standard-date-and-time-format-strings

The “custom viewer” error maybe a problem with Visual Studio. I don’t know what it means to open a datatable while debugging.

You have to download it. Look at the Application.Download methods in the docs. There is also a client file system api (it’s documented on mozilla) that you may use but requires additional permissions.

in general browsers don’t have access to client resources without the proper javascript api.

Hi,

Looks like you have WebSockets disabled? you can verify that by checking the Console in DevTools or checking Application.IsWebSocket.

If that’s the case, you’ll need to do the following modifications:

private async void upload1_Uploaded(object sender, UploadedEventArgs e)
{
Application.StartPolling(100);
await ProcessUploadAsync(e);
Application.Update(this, () =>
{
MessageBox.Show("Upload completed…");

Application.EndPolling();
});
}

HTH,
Alaa

You need to use Application.Update()
Documentation: https://docs.wisej.com/api/wisej.web/general/application#update-context-action

You could do it like this:
private async void upload1_Uploaded(object sender, UploadedEventArgs e)
{
await ProcessUploadAsync(e);
MessageBox.Show(“Upload completed…”);
Application.Update(this);
}


But ideally, you would put the MessageBox call inside the Application.Update() call to insure that the UI is updated when the call ends.

private async void upload1_Uploaded(object sender, UploadedEventArgs e)
{
await ProcessUploadAsync(e);
Application.Update(this, () => { MessageBox.Show(“Upload completed…”); });

}

Thanks for the sample. If it helps, the mixin from your sample does work to turn node text red when selected- as long as the HTML isn’t affecting the text color.

For example, if you use HTML to underline the text, your mixin will turn it red on hover:

treeView1.Nodes.Add(new TreeNode("<span style= \"text-decoration: underline\">Node 1</span>") {AllowHtml = true});

I tried this before.

This approach only works for normal nodes (without html).

Please see my example.

If you are using the ThemeBuilder to edit your themes, you will notice that under “Tree Node” there is an option for “textColor” under “selected”
The JSON for it would look something like this:


"tree-folder": {
"text": "Tree Node",
"components": {
"states": {
"default": {
"properties": {
"textColor": "",
"indent": 18,
"icon": "icon-folder",
"opacity": 1,
"padding": [2, 0, 2, 0]
},
"styles": {
"backgroundColor": null
}
},
"hovered": {
"styles": {
"backgroundColor": "hotTrack"
},
"properties": {
"cursor": "pointer"
}
},
"selected": {
"properties": {
"textColor": "YOURCOLORHERE"
},
"styles": {
"backgroundColor": "highlight"
}
},

Hi Daniel,

You can create a custom Theme, or write a Theme Mixin.

A Mixin basically overwrites the appearance on any Theme you choose, and it would make sense to use it for your use case since you’re going to target a single control.

For more information, please check out our documentation https://docs.wisej.com/theme-builder/getting-started/edit-a-mixin

Best,
Alaa

Sorry but I don’t understand, I start from your standard project, this is automatically inserted in my Web.config:
<add key=”Wisej.DefaultTheme” value=”Bootstrap-4″/>
I don’t change anything at all, but to follow your instructions I added (but I don’t understand what it’s for) the line in the code:
Application.LoadTheme(“Bootstrap-4”);
How can I use two different themes? Remember that they are always in Visual Studio, not on the server. You just sent me directions to change the theme, but I don’t do it.
Where am I wrong, if I’m wrong?
Thank you.
Francesco

Hi Francesco,

you’re using a different theme at design time vs runtime.

Find more information here:

https://docs.wisej.com/docs/concepts/theming

Best regards
Frank

PS: You can delete obj/bin folders before uploading here.

I ran your sample and was able to reproduce- looks fine when running from Visual Studio but the top of the toolbar gets cut off when deployed to IIS. We’ll look into this.

Set the Size and do not set AutoSize to true. Also set the Autoscaling to None, the default I believe if Font which autoscales if you change the font of the panel at runtime to something different than the original one. There is no dpi scaling since dpi scaling makes no sense in a browser.

When you set the Size nothing in Wisej.NET will change the size of your control. The only properties that change it are Anchors and Dock but you should set those unless you want to alter the size based on the container’s layout engine.

https://docs.wisej.com/docs/concepts/layouts