I downloaded DotNetBar version 10.0.0.3 and tried to use its ItemPanel control. When I added buttonItems with LayoutOrientation HORIZONTAL, and AutoScroll property to TRUE, it didn't add any Horizontal Scroller to it.
It's working fine when the LayoutOrientation is set VERTICAL and it does add the Vertical scroller in that case.
What's the matter. Am i missing some thing or is this a Bug in this version?
I was banging my head since hours and it was this small cruel property "MULTILINE" which was set false by default. Setting it to true get me what i wanted!
Related
I'm trying to create a gallery-style layout with a ScrollViewer and a WrapPanel in WPF, but the WrapPanel is extending beyond the boundaries of the ScrollViewer. I've tried setting the HorizontalAlignment and VerticalAlignment properties of the WrapPanel to "Left" and "Top" respectively, but it still doesn't stay within the boundaries of the ScrollViewer.
I've also tried setting the height of the WrapPanel to specific values and set the MaxHeight properties of the WrapPanel to limit the size, but it still doesn't stay within the boundaries of the ScrollViewer, and is no longer scrollable. I've also tried wrapping the WrapPanel inside a Grid and set the height of the Grid to the size I want and set the ClipToBounds property of the Grid as "True", but it still doesn't work.
I'm not sure what else I can do to keep the WrapPanel within the boundaries of the ScrollViewer. Can anyone help me figure out how to contain the WrapPanel within the ScrollViewer?
This is my xaml code:
<ScrollViewer Grid.Row="0">
<WrapPanel x:Name="Preview_WrapPanel"></WrapPanel>
</ScrollViewer>
and this is my result in my app, in the beginning, the distance from top is correct but the bottom not. I scrolled a little up to show that the height is not respected in the top region as well:
the width is respected, but i think only because this is the application width.
The thick red border is the area, which the scrollviewer occupies. The wrappanel should be contained inside, kind of like a window, where you can only see whats behind the window and not the trees behind the wall.
the wrappanel gets filled with WebView2 Media, each image around 200x200px:
WebView2 media = new WebView2();
media.Source = new Uri(nftFile.FullName);
media.Width = 200;
media.Height = 200;
this.Preview_WrapPanel.Children.Add(media);
I use Webview2 because the content could pretty much be anything, image, video, pdf, whatever. Also it supports webp
For now though, im only adding images.
There was a known bug with webview2 and it seems it has not been fixed.
Basically, renders on top so cannot be clipped.
https://github.com/MicrosoftEdge/WebView2Feedback/issues/2579
https://github.com/MicrosoftEdge/WebView2Feedback/issues/286
You need a different plan.
Maybe ensure it doesn't matter when they don't clip.
Maybe use images.
Or hope it gets fixed soon.
Andy was correct, this is a known issue. Microsoft knows about it since .net framework Times (>10 years) but refuses to fix the issue so far.
I solved the issue by Installing the Nuget Package CefSharp which uses the chromium engine as well.
What a pitty.
How can I disable the default scrolling effect of a menu and just use a vertical scrollbar. I am able to use the scrollbar when I set overflowY to 'auto'. However, the mouse scroll wheel doesn't work as expected anymore, and the behavior in general is just wonky. I suspect it is because both scrolling is in effect and they are comflicting with each other.
I'm not sure if there is a config option that I am missing. The weird behavior can be seen here: Fiddle
Have you tried setting a height / maxHeight on the menu and setting overflowY:'scroll' ?
I'm working around this issue by simply embedding a panel with a fixed size as a menu item, and then adding all the components to the panel instead. This gives me a lot more flexibility to layout the items, and not have to worry about the inconsistent scrolling of an overflown menu.
In the following http://plnkr.co/edit/B7Y6WNmmw8Z2pfohFPjy?p=preview
It seems like virtualization is not being respected. I have the height set to 300px and set to only show 25 records at a time, but instead the grid is showing all available data at once.
Any help would be much appreciated.
Thanks!
Josh
The ngGridFlexibleHeightPlugin ("Automatically resize a table to accomodate a varying number of rows.") you're including is overriding your settings. It's adjusting the css directly on the element so it's changes are overriding yours.
So, the plugin overrides virtualization. If you want to manually control the height of the grid remove this plugin from your options:
plugins: [new ngGridFlexibleHeightPlugin()]
If you want it to support a max-height (flexible height until it hits a max) then it looks like you'd need to add that to the plugin yourself. plugin code here
Set the maxHeight option - e.g. ngGridFlexibleHeightPlugin({ maxHeight : 300}) will set the max height to 300..
I am having problem understanding the scrollviewer in silverlight webpage. There are the usercontrol and grid "layoutRoot". My scrollviewer is set before the "Layoutroot" grid. It never worked properly. Even though I have other items at the bottom of the page, I could not scroll to them and could not see them. I have been playing with UserControl MinHeight, DesignHeight and minHeight of both LayoutRoot and Scrollviwer. Just have a hard time figuring out what is the best way to set it up.....
You need to remove min height and max heigh from all of the control because Silverlight takes care of all those things. What you need is to set VerticalScrollBarVisiblity to auto. By default it is disabled and you will be able to achieve what you want.
Cheers!
Vinod
If the MinHeight properties are set too large then it will not be viewable on the screen and will be cut off. If you remove the MinHeight properties on both the UserControl and ScrollViewer then it should work fine.
Or if that doesn't work post your code so we can have a look.
Is it possible to style a collapsed header in ExtJS so that it doesn't have a margin around it?
It seems it's all being positioned using javascript which means all my attempts to tweak it so far have been futile.
Any help will hopefully prevent me from ramming a full bag of heroin into my veins in order to forget that ExtJS exists for a few precious hours.
Use cmargins like you would margins.