How to view elements in design view using a scrollviewer - visual-studio-2010

Visual Studio WP 2010.
I'm using scrollviewer for text and images on a page, but in design view in VS I can only view the first part of the page which makes placing text and images difficult. I can take a guess and then run the app in the emulator, scroll down to see how far off I am, then go back in design view and try to set margins, height, etc appropriately. Is there another easier way to do this?

Just a guess: During creation set the ScrollViewer's VerticalOffset.

I found the answer elsewhere. In the top section of your xaml find d:DesignHeight="696" and change the 696 to something like 2000, etc. This will extent the viewing area. Anytime you reload or run the application it will default back, but it's easy to reset.

Related

XAML fragments and the Visual Studio XAML designer

I'm new to XAML and likely not even thinking about this problem in the right way, but...
Basically I want a little XAML fragment that I can inject into various UserControls under some circumstances. The XAML just shows a small tag at the side of the control using a Border and a TextBlock.
It would be easy enough to cut and paste this to each control, but that feels clumsy and will be a pain any time I want to update it. Sure, I could do this at runtime in the control base class, but I would rather use the designer. I could make the tag a UserControl in its own right, but that sounds needlessly heavyweight too.
So is there some way of making little XAML fragments in the designer that I'm missing? I'm thinking there it would just have (in this case) the Border at the root of the XAML document.
This is for a Windows 8 store app using VS2013.
Have you tried XAML Code Snippets? Tim Heuer has a nice post with examples here:
http://timheuer.com/blog/archive/2013/07/08/xaml-code-snippets-for-visual-studio.aspx

Why are icons in property sheets rendered with so few colors?

I am creating a property sheet shell extension and want to have a little icon to set off my property tab from the standard system tabs. Unfortunately, my icon is being rendered almost entirely in grey.
Original image:
In the property sheet tab:
At first I thought this was somehow my problem, but then I saw that TortoiseSVN appears to have the same problem:
This happens in both Windows 7 and Windows 8.
Does anyone know why these images are appearing so muted? Also, does anyone have any hints on how to make the icon look good in spite of this colorlessness?
The PropertySheet function initialises its tab control with a 16 color (ILC_COLOR) ImageList and copies the supplied icon for each page into it. There doesn't seem to be a way to override this and supply your own ImageList (or to specify the bit depth of the created ImageList). Presumably this is a legacy of the original Windows 95 code that never got updated as things moved on.
Instead of Property Sheets, you can use Tab Control, which makes tabs management more flexible and clear. And of course you can use any type of icons, because you have to create your own ImageList.
Here you can read about Tab Controls:
http://msdn.microsoft.com/en-us/library/windows/desktop/bb760548(v=vs.85).aspx
And here you can access example usage of Tab Controls:
Icons in Win32 Property Pages are ugly - 4 bit icons

How can I create a custom menu/navigation screen in Visual Studio 2012 LightSwitch?

Visual Studio 2012 LightSwitch gives you a default of 5 or 6 screens such as: search, create new, etc..
I would like to create a very basic custom navigation/main menu screen. All this screen would contain is literally 6 vertical buttons in a maximized window (For starters and for simplicity of the question) and each button would pop up another screen.
Is there anything resembling the drag-and-drop of a regular Visual Studio 2012 application? I would basically like to create a new Screen Template called: "Navigation Menu" or something similar.
Thanks, DM.
You can only create a new Screen Template by creating a LightSwitch Screen Template Extension.
However it's not really a job for the faint hearted. I've created a number of extensions over the past couple of years, & I regard the Screen Template Extension to be the hardest to do. I understand what goes into designing a Screen Template. It can be quite code-intensive, depending on what you want the template to create for you. I have a couple of screen templates that I want to create for my own needs, but I keep putting them off.
I don't want to put you off, just give you a heads up about what you're in for, if you do decide to create your own screen template extension.
One question though. Are you wanting to reuse this screen, either in the same application, or in other applications? If ther answer is "no", then creating a screen template extension would be overkill.
If you're only wanting one of these screens, to do what you described, all you have to do is add a RowsLayout control to a screen, then add one RowsLayout controlfor each navigation "button" that you want on the screen. Use the Add Button context menu option (right-click the RowsLayout control) to add a button. Set the size etc to what you want, & set the RowsLayout controls Horizontal Alignment setting to Center.
The buttons won't be all that "sexy", they'll just be larger versions of the same buttons that you'll see anywhere else in the application (except for size, if you decide to change that). The main advantage is that you can do it, quickly, & out of the box.
Or you could do something like in this article, Course Manager VS 2012 Sample Part 6 – Home Screen, if you want to improve the look of the screen.

where is the specific button on design mode?

how can i find the specific button on design mode where i have several buttons ie: hundered of buttons so that they all like spaghetti and one button may be under another button or a groupbox (i might be playing with the visibilities ) and i want to see my button number 83 on the design. how can i see him? where is he hiding? :) i use visual studio as an IDE. thanks.
MessageBox.Show(" where is the specific button? i know that he is somewhere on the form but cant distinguish it on the design since its somewhere under something i cant find it");
Use Document Outline (View - Other Windows - Document Outline)
Just pick the button from the tree and voila.
PS: this works for other types of designers (WPF/Silverlight, ASP.NET)
You can access it via the Properties Window. There is a drop-down that will list all of the items in your form in design mode.
Then use the drop-down. The drop-down will list all of the items on your form so you will scroll through the list to find Button number 83.
Images were pulled from MS Visual Studio: The properties Window which contains an explanation of the window.
Have you tried using the properties window?

how to display a html page inside dynamically created silverlight child window

I want to a html page inside a dynamically created silverlight child window without telerik control.
The telerik control isn't doing anything you can't do yourself with enough effort - it's all just transparent user code.
So, you could create <div> and position it carefully just like the telerik control does - but of course this can be a lot of work (that's why folks would want to pay for their control).
This also only works when the plugin is windowless, which has lots of trade-offs (see MSDN - for example, accessibility support is greatly reduced or gone entirely, I can't recall which).
In out-of-browser mode, you can use the WebBrowser control, in case that helps should you wish to make your app available OOB later.
try one of these links:
1. http://forums.silverlight.net/forums/t/51784.aspx or
2. http://weblogs.asp.net/dwahlin/archive/2010/05/10/integrating-html-into-silverlight-applications.aspx
It can help

Resources