With a Pad height of 35 you can see it, but I don’t think it’s correct behavior.
Regards
The areas you circled are affected by a few different components. You’ll want to use the Theme Builder to edit the JSON directly. Click on the “Editor” tab at the top of the theme builder to see the JSON.
See the picture I attached- I modified the borders to be different colors based on which component they were coming from. I also set the “radius” property to 50 in certain places in order to give it a curved radius.
Panel is in blue, and is a pretty close match to what you want to change.
"panel": {
"states": {
"default": {
"styles": {
"width": 1,
"style": "solid",
"color": "blue",
"radius": "50"
}
},
Resizer is in light green (“#00FF27”,)- it affects the outer border of the area you were looking at
"resizer": {
"states": {
"default": {
"styles": {
"width": 1,
"style": "solid",
"color": "#00FF27",
"radius": "50"
}
}
}
widget is in red, and affects the area you want- but also other areas all over the page.
"widget": {
"states": {
"default": {
"styles": {
"width": 1,
"style": "solid",
"color": "red",
"radius": "50"
}
},
splitter (part of the splitpane) is in yellow, it affects the colors of the lines in the middle
"splitpane": {
"text": "SplitPane",
"states": {
"default": {
}
},
"components": {
"splitter": {
"states": {
"default": {
"properties": {
"width": 9,
"height": 9,
"cursor": "default"
},
"styles": {
"fillColor": "Gray",
"backgroundColor": "Yellow",
"backgroundRepeat": "no-repeat",
"backgroundSize": "20px 20px",
"backgroundPosition": ["center", "center"]
}
},
I’ve also attached a zip file containing the full theme file that I used (Borderradius_differentColors.theme) It’s a modified version of the bootstrap=4 theme. If you want to focus in on the areas I changed, you can do a CTRL+F for the code snippets I shared, or do a textCompare line-by line with the bootstrap-4 theme.
HTH,
Julie
I don’t understand what you asked me, I already sent the two screenshots, can you be more clear?
Thank you very much
Regards
The image is only seen for less than a second and then disappears, then it exists and loads it correctly, at first.
Regards
Hi Francesco,
I think the image is not loading there, would you mind wrapping the sample for us?
Best,
Alaa
Hi Francesco,
Do you have any errors in the console?
Best,
Alaa
Thank you, that fixed my problem.
Shawn R
Hi Shawn,
You’ll need to download the latest VSIX installer from https://wisej.com/builds/ to get the latest Designer.
In late July, Microsoft updated the WebView2 component with Visual Studio and that is what causing the issue you’re having right now.
Best,
Alaa
I have since tried a few other PDF files and the issue seems to have gone. The irony of this is the file was created by the Adobe site for converting word to PDF. I then printed the word document to a PDF printer, and all was good.
Hi Alaa,
Thanks for your answer. However, I think, not sure, that System.Windows.Input is part of .NET, which works across platforms, not only on Windows.
Alex
Hello,
You can achieve the behavior by attaching an Accelerator to the hosting container (Page, Form, etc..) get the focused cell and get or cell its value from there.
Best,
Alaa
Hi Alex,
The new interface is designed to work with Wisej.NET components, changing it to System.Windows.Input would basically mean that it would only be supported on Windows platforms, and Wisej.NET is made to work across all environments!
HTH,
Alaa
Thank you, Julie!
Just wanted to make sure that I didn’t miss anything.
The limitation of the community edition is that it does not include access to premium extensions, such as the DevExtreme library. See here for a comparison of community vs professional edition: https://wisej.com/developer-licenses/
You can see a sample Wisej project using the DevExtreme data grid here: https://wisej-demobrowser.azurewebsites.net/DevExtreme/#dxDataGrid
Source code here: https://github.com/iceteagroup/wisej-demobrowser/blob/main/Wisej.DemoBrowser.Premium/Wisej.Web.Ext.DevExtreme.Demo/Component/dxDataGrid.cs
You mentioned paging specifically- Here’s a code snippet from the example project I linked that sets the pageSize to 10. Note that it is set via the “Options” property of the DataGrid.
this.dxDataGrid1.Options = new
{
paging = new
{
pageSize = 10
},
If you look at this example from the DevExtreme documentation, you will note that the structure of the JSON object is the same as the “Options” property in the Wisej sample. You can always use the component vendor documentation as a guide on how to structure the “Options” property. https://js.devexpress.com/jQuery/Documentation/17_2/Guide/Widgets/DataGrid/Paging/
Additionally, here’s an overview of how the premium extensions, such as DevExtreme, are implemented in Wisej: https://docs.wisej.com/extensions/premium-extensions/overview
HTH,
Julie
I’ve logged this as an enhancement request for a future release.
I cannot replicate with Wisej 3.2.4 or 3.2.5.
I’ve attached the test case I used and the pdf that I uploaded.
Can you provide a sample that replicates the behavior that you describe?
Thanks,
Julie
Sometimes, even if Wisej templates and VS 2022 are up to date, the same case occurs.
I managed to add Microsoft WebView2 package through NuGet and this never happened again.
I thought that I should mention in case someone else is still suffering the same.
Well, I went and watched the video. And I got the same result. I’m embarrassed to report that I then re-imaged the server, and installed apache2 which, surprisingly (to me, at least 🙂 ) appears to be rather more transparent to configure. As a result, I’m now serving the application fine. Sorry if I’ve wasted anyone’s time. Would it be useful if I documented the step-by-step process (there are a couple of gotchas…) for Ubuntu 22? JD
Hi Alaa,
In my case the video are stored in the hdd of the clients pc (totem).
I would need a solution that reads videos from the local IIS of the client PC, not from public server. Or from file:///…. not of the server, but from local pc.
If I put as source (for example) http://127.0.0.1/video/video1.mp4 the player is not eable to read from the local pc.
For now I have create a widget with this code:
<video width='100%' autoplay id='myVideo'>
<source src = 'http://127.0.0.1:8080/test.mp4' type = 'video/mp4'>
Your browser does not support the video tag.
</video >
and an event for detect when video is a the end. But the video control that would be a better solution
best
Cristian
