Is ther any way to show xaml code and xaml design in two different tabs. I want to have on left screen xaml and on the right side design view of that xaml?
I am developing windows 8 app in Visual Studio 2012
To show design view and xaml (xml) view side by side
Locate the splitter options on the xmal page editor (There will be three icons side by side on the right hand side of the splitter bar. One marked "|", another marked "-" and a third showing two chevrons pointing down. Click on the one marked "|" and you will have a side-by-side view of the XAML and the designer surface.
To show code and XAML
Open both your XAML and xaml.cs files.
Drag on of them (click and drag on the tab) away from the tab dock. You will see a cross shaped pictogram appear in the middle of the window.
Drop the tab you dragged onto the right hand "arm" of this pictogram.
You should now have both side by side.
Related
This is my first UWP app
I have a SplitView. On the right side I want a menu. On the left side I want to be able to load different pages into it(frame)
The only menu I can find have that hamburger in it(AppBarButton).
This app will only run on windows desktop machines so I do not have need of the hamburger and it will be rather useless.
I have spent the last two nights looking for options but all I get are hamburgers.
Can someone please point me to an example of a no hamburger menu or a tutorial of some kind?
I am sure I can figure it out once I know what elements to use, I just need a push in the correct direction.
What you need is a base page (let's call it "HostView") this will simply have a SplitView control with the DisplayMode set to Inline and the IsPaneOpen set to true. You can also set the side panel width by using the OpenPaneLength property.
Your menu buttons go into the SplitView.Pane and you place a Frame control in the SplitView.Content. This frame will navigate to the correct page when a menu item is selected.
If you set the properties as I said above then you will not need a Hamburger menu to open the side panel at all. However, please consider the fact that users will want to resize your app, and they might resize to a very narrow size which means it might not have enough space to display all the content. IN which case you will need to collapse the side panel and show a hamburger menu to open it when needed. You don't have to do this, but it is something to consider.
Currently my view is stuck with my "Watch" outside of my other views:
Ideally I would like to have my "Watch" tabbed in with my other views such as "Locals, Breakpoints, Threads, Application Output."
Normally this would be as simple as dragging the "Watch" into the other tabbed views. However, I have been unable to do that and it just snaps back to a solo tab.
How do I combine all these tabs? This is driving me crazy.
Figured it out! This wasn't as intuitive as it could be:
To conjoin separate tabs, you need to drag the tab to the CENTER of the new tab as seen in the picture below.
Note. Do not try to drag the new tab to the TABBED part. Simply drag it to the center of where you want to conjoin. In the above picture I am dragging the Breakpoints tab into these tabbed views.
Silly question, but I somehow switched the XAML/Design view to 'snap to grid' view and can't seem to get it back to the standard design view, even by resetting VS to default settings. What's the hot-key to get my XAML/design view back to the normal view instead of the grids? Visual Studio 2012.
There are a series of three toggle buttons in VS2012, at the bottom of the XAML Designer (also called the 'Artboard'), and to the left of the scrollbar below it. These three toggle buttons will do the following (in order from left to right):
Show/hide gridlines
Enable/disable snapping to gridlines
Enable/disable snapping to snaplines (baselines, alignment margins, and the like)
These are also described a bit further here. They're settable via Tools -> Options as well.
Using Visual Studio 2005 (vb.net) (windows forms) on Windows XP, I have a standard Microsoft TabControl.
A button click adds/removes an image from 1 of the Tabs.
Seems like the image is placed OVER my tab's text, making it unreadable.
Why isn't it like it should be: Image on the left. Followed by text on the right.
Why is the image being placed OVER my tab's text? Do I need to do some kind of "refresh" or "redraw" before it will appear as it should?
I don't see any way to "make the image appear on the left edge of the tab". (NOT the tab-page.) ... and then place the text just to the right of the image. (Just like a normal image+text tab can do.)
The code is pretty simple, it just gets an image from my ImageList:
cfgTab.ImageKey = "PadLockClosed.png" ' Show CLOSED PadLock
The tab's text changes from:
This is my tab text
to:
T(IMAGE HERE)is my tab text
The image appears OVER the beginning of my text. But if I move to another tab, then move back, the image appears in the correct position:
(IMAGE HERE) This is my tab text
You can use docking and anchoring on your Control property so it will be placed according on what you want it to display.
Manage WinForm controls using the Anchor and Dock properties
Resizing a Single Control In WinForms
Regards
Short version: VB.Net Windows forms feature controls that are often dragged from the toolbox onto the form. The code for the control goes right into the form. Usually this is great, but is it possible to write the code for a UI control (like a panel) into a separate file which can then be imported or otherwise included into the main Form Class?
Context (a.k.a. long version): I have a form with an unchanging column of navigation buttons on the left hand side. The rest of the form is taken up by different panels, which in turn have different controls of their own. Clicking the different buttons on the left should cause these different panels to appear (clicking button "A" brings up panel "A"; button "B" brings up panel "B", etc.), but the left-hand menu should stay unchanged.
I'm having a hard time implementing this design in an elegant way in VB.Net. If I make each panel a separate Form, I have to duplicate the code that builds the unchanging left-hand menu in every file, which is terrible. I tried using inherited forms so the separate panels would inherit the left-hand menu from a master form, but that means each click on the menu sprouts the new form in a new window, and although the left-hand menu is inherited, the menu that I clicked and the identical-looking menu in the new window are not the same objects in memory and have no knowledge of each other.
I just want one window with central content that changes based on what you click on the left-hand side. A solution to this would be for the panels to be just that - panels - and not separate forms as I'm currently doing it. But this gets messy organizationally because the code for all of the panels has to be in the one massive master file. Hence the short form of my question (see above): How can I code a panel in a separate file and then bring it into the fold of the main form?
It sounds to me like you want to use usercontrols. Create a usercontrol for each of the four things you want and then add those to a panel, making each one visible or invisible according to which button was pressed.