Location of an element in a WebBrowser c# - c#

I have a WPF project that loads a WebBrowser property, now I want to know the pixelized location of a specific element in the WebBrowser property, and to focus/zoom to that element in the program, so that the user will be able to see what is going on visually.
How can I do that?

I've found a solution.
Create a panel that includes the WebBrowser control and size the WebBrowser control to its content size (a how to can be found in my last question, here : WebBrowser get page size), so now the WebBrowser control has no scroll in it, but the panel has one (if the panel size is smaller than the current WebBrowser control size).
Next step is scrolling to an element, and the following code does it :
SomePanel.AutoScrollPosition = new Point(SomeWebBrowserElement.OffsetRectangle.X, SomeWebBrowserElement.OffsetRectangle.Y);
And that does it.
Hope it helps those who seek the same thing.
Edit :
P.S.
Some of you might wanna become fancy with the scroll wheels and make it scroll to that the element will be in the middle of the screen, since the location makes it in top left, that's possible too, just use the panel size in order to do that.

Related

how to match scrollbar to lines in RichTextBox

I'm adding buttons (with text and images) to a richtextbox control, but because I don't use the following line:
richTextBox1.AppendText(Environment.NewLine + str);
The scroll bar doesn't match the total number of lines, and doesn't resize properly, how can I solve it?
What is going wrong
I find this to be a very peculiar way of doing things. So first, lets add a little background:
When you use richTextBox1.Controls.Add(new button()) - what you are doing is: you are adding the new button as a child of the richtextbox, not as content - and this is the problem.
The scrollbars are set to read their height/scrollable area etc from the content of the richtextbox, and yours has no content, hence no scrollbar (or false readings etc).
You could create a custom richtextbox control that inherits its scrollable area from the location of its child controls. However, if you would rather avoid that route, please continue reading:
The correct way
I do not know your use case, so this may not work, but I would remove the richtextbox control and instead use a panel control. The panel control for example will update it's scrollbars based on child controls, whereas the richtextbox wont - and this should give you the behaviour you are expecting.

How can I create a usercontrol with a panel that slides down over it's parent control?

I want to create a UserControl that displays a dropdown selection control and a couple of buttons when collapsed, but could be expanded to display a larger selection of items when desired. It's expansion panel should slide down over the controls of the Window or UserControl it's embedded in.
I can do it if all of the XAML is in the same control, but I can't figure out how to do it if I want the small view and sliding bits in a separate, re-usable, UserControl.
For a small panel I am using an animation that changes the margin of an offscreen panel and bounds clipping to make it happen. I have been copying the XAML from Window to Window. I want to make a re-usable much larger version of this, but displaying it, properly, has me a bit lost because of the bounds clipping. The UserControl clips the panel within it's smaller view, rather than allowing the panel to display over it's parent.
This is the effect I am looking for:
The primary issue seems to be that the sliding panel has to be contained within the UserControl, or it gets cut off. So the user control has to be much larger than its collapsed view. Because of that, when you want to embed it in another Window (or UserControl) you have to do XAML gymnastics to accommodate for the size of the control while making appear that the control isn't really that big.
Maybe that's just typical for XAML. I am still learning. But I can't figure out how to have a visual element of a control appear outside its bounds. A Popup doesn't really work because of how it opens and closes with focus.
At this point it's just an exercise, as I've decided to implement it a different way (modal dialog) so I have the control I need over the visuals.

How to print content of scrollable control

I was wondering what is the best way to print entire content of scrollable control. I was trying to print a control in several ways, however all the time I was only able to draw visible content of control. So far I tried to use
PrintForm // there is nothing I can do with this because it requires a form not a control
I was also trying to use controlName.DrawToBitmap() method however this function captures only the visible area of control.
What is the best way to draw this kind of controls ?? I would like to avoid scrolling control's content in order to capture all control's element.
I would suggest that you create an invisible to the end-user form (for examlpe, position it at (-10000, -10000) and this form should have the size enough to display the ScrollableControl without scrollbars. This way you will be able to workaround this problem.

Graphical hiccups in C# User Control - Resize obscures components

I'm experiencing difficulty with a custom-made User Control, and my searching on Stack Overflow, MSDN, and Google didn't pop up any troubles quite like the one I'm experiencing.
I have a very simple User Control: It's a label, a text box, and a button, with a SaveFileDialog and a FolderSelectDialog available. The text box and button are anchored Left,Right and Right respectively, with the intent that if the control is resized larger, the text box will enlarge to fill the gap, and the button will stay on the right edge of the control.
The problem I am encountering is that when the control is enlarged, the area to the right of the default width of the control becomes blank space when the project is built and run. The pictures here will illustrate what I mean:
In editor:
Running:
The control is smallish in its design window, but when I add it to a form and widen it, it behaves as intended. However, when I run the form the control was added to, half the control isn't visible.
I suspect that I'm overlooking something fairly straightforward, but I wasn't able to find anything addressing this point in my search. Help would be much appreciated.
My guess is that there is a panel or something that is added to your control and will be brought to front somehow runtime.
from property window's top there's a combo from which you can select all the controls in your User Control.
check if all the controls are what you want.
if you find that panel or anything delete it :)
EDIT:
alright this was not your problem.
now I can only assume that you have set some manual sizes to your user control, i.e. in its constructor. in that case designer will show the correct size of you user control,
now some other place in your code, you have set the user controls size manually again. if the layout is suspended and size changes, I think that the anchored controls' size will not change automatically.
if this is your problem, it is probably hard to find.

How can I assign a custom backcolor or background image to a TabPage control?

How can I assign a background image to tabpage control in Visual Studio C# 2010? I am able to provide background image to each of the tab separately, but I cannot do it so for the whole tabpage control, due to which a portion of tabpage control remain with different background and each of the tab pages has ok and fine background.
Here is the picture of my form:
See the 'grey-colored' region in the tabs line. How can I cover the whole tabpage control with one single background?
The header area that contains the tabs is not part of your tab page. It's part of the parent TabControl, which is automatically drawn for you by Windows.
If you want to change how it looks, you'll have to draw it yourself. That's called owner-drawing, and it's not exactly a trivial undertaking, especially for a complicated control like this one. For starters, you can't just use OwnerDrawFixed, because that just allows you to custom draw the contents of the tabs (for example, to change the font). You will need to owner draw the entire tab control.
I can't imagine a good reason that you would ever want do this, but you'll find a few samples online that might help get you started. For example:
http://homepage.ntlworld.com/mdaudi100/alternate/tabcontrols.html
http://www.codeproject.com/KB/tabs/flattabcontrol.aspx

Categories