Expanding visible page area in Expression Blend - windows-phone-7

I am using Expression Blend for Windows Phone development. If I insert a layout (grid, stackpanel..) that expands LayoutRoot I cannot see the controls beyond the border. Is there any way to overcome this?

If you look at your PhoneApplicationPage XAML, you should see in the first tag:
d:DesignWidth="480"
and
d:DesignHeight="800"
You can manipulate these to extend the design surface to something that lest you see everything. This will have no effect on the runtime version of the page.

Click on your top level control in the Objects and Timeline panel. Now you should be able to drag the sides/corners to shrink and expand the control's area. This affects just the size of your control on the design surface, not the runtime size (assuming you've set width and height to Auto).

Related

Chaning the overlap in wp7 panorma control

By default the next item in wp7 panorama bleeds into the currently selected panorama item by a few pixels and I would like to show a bit more of the next item.
Is there a way to control the amount of pixels? I tried setting margins and paddings and tried editing the controlTemplate, but had no success.
If you do this, aren't you going to be breaking the design guidelines for the Panorama control, therefore the control is no longer a Panorama control, making your application inconsistant with other applications using the unmodified version of the control?
You can give a panorama item a negative margin:
Margin="-24,0,0,0"
Ok, the way to do this is to wrap the content of the panoramaItem into a WrapPanel and set the orientation of the panoramaItem to horizontal.

How to see controls which are below the bottom of screen in designer

I have a StackPanel in ScrollViewer with many TextBlock+TextBox (so on the screen I see same scrolling list view like in phone's standard Settings page).
In VS's or Blend's designer is it any simple way to see controls which are bellow the bottom of screen? (I need some kind of scrolling in designer). It must be something simple. Now I am switching off visibility of upper controls to see lower controls and it is boring.
Change the d:DesignHeight to a larger value, such as 2000 (the maximum height), and Expression Blend will allow you to see content that otherwise would require scrolling.
Example screenshot

WP7 Show Control on top of other control

Is it possible to show control on top of other control?
If so, how?
Especially I'm interesting in showing Border control on top of WebBrowser.
Thank you in advance!
Yes, you can show one control on top of another. Look at the Canvas.ZIndex attached property which is respected by all Panel implementations. Simply place your controls within a Panel so that they overlap then set their z-index accordingly.
You have to use canvas control. Place all of the contents inside a canvas and set elements individually by Canvas.Zindex property

What Qt4 widgets should I use and how to approximate a ribbon-style interface?

I am trying to create an interface for my application using Qt Designer. I want it to have a tabbed, ribbon-style set of controls at the top, and a MDI-style area with docked windows which I plan to show and hide depending on which tab of the ribbon is currently selected. I am just beginning with Qt Designer as well as Qt4 itself for that matter so I'm not quite sure how to setup the window, which widgets and layouts should I use etc.
It's quite obvious there should be a QTabWidget at the top, but I'm not sure about the bottom. Should I use a QFrame? A QMdiArea? A dock widget? What layouts can I use to make sure the tab widget has a fixed height, occupies the whole width of the window at all times and the bottom area scales as the window is resized?
I've read in the manual that splitter layouts allow for manual adjustment of the size of the widgets they contain, but I can't drag the box size of a widget after I place them inside a splitter. Thus I'm unable to setup the area below the ribbon. Anyone, help?
You should look into the QMainWindow and check the multiple utilities it can provide you (Toolbar, StatusBar, DockWidgets, CentralWidget, etc...).
The way I understood your case is that you will always have the MDI Area visible, and that the tab bar will only be used to change the dockWidgets. Here's how I would do it.
The centralWidget of the mainWindow would be a QWidget with a QVBoxLayout containing a QTabBar widget first (up) and a QMdiArea under it. The sizes should be handled automatically.
This will allow the user (or you) to dock widgets on the left, bottom, top or right areas of the mainWindow's central widget. Keep pointers to the dockWidgets to be able to move and show/hide them at will.
Hope this helps.
VTK Designer, which is built on Qt, has a Ribbon-ish interface. You might take a look at the source code for reference.

Expression Blend changing Alignment

Expression Blend 4 is changing the HorizontalAlignment and or VerticalAlignment when moving TextBlock objects with the keyboard or mouse. How can this be blocked?
I don't think it can be done. Its a visual editor, it will generate code depending on how the view looks after you're performed changes. It will create the best code that will match the layout you created based on what it understands.
It's a pain when it does that..
Go into the XAML view, and modify it by hand after you're happy everything is the right place and is the correct size, by just changing the Alignments and margins.
If you click the object, you will notice guide bars traveling vertically and horizontally from the object. At the end of these you will see little "chain link" icons. You can click these on and off at either end to toggle the alignment.

Resources