(X) Hide this
    • Login
    • Join
      • Generate New Image
        By clicking 'Register' you accept the terms of use .
        Why Register?

Designing on a grid for Windows Phone 7

Submit News
(0 votes)
11 comments   /   posted by Silverlight Show on Apr 15, 2011
Tags:   design , windows-phone-7 , loek-van-den-ouweland
SilverlightShow Page for all Silverlight and Windows Phone 7 (WP7) things on Twitter

Loek van den Ouweland has created a UserControl with some rectangles to mimic a design grid for WP7.

Source: Loek's Blog

In an ASP.NET application I usually place an image of a grid on my canvas div to see if everything is positioned correctly in all browsers. In Silverlight this can be solved even more nicely.

Comments

  • -_-

    RE: Designing on a grid for Windows Phone 7


    posted by anil on Apr 18, 2011 10:35

    hi i m designing a app for WP7 there i need to have 3 grids , i have put a scrollviewer , thats no issue , but the main thing is the 3rd grid just goes out of the phone length while designin , so i want to disable r duisappear the phone out line , i mean to hide the phone back, start n search buttton , so i get some space to place the 3rd grid , kindly helpme , plz ,

    thanks in advance

  • ppopadiyn

    RE: Designing on a grid for Windows Phone 7


    posted by ppopadiyn on Apr 18, 2011 10:57

    Hello anil,

    We have difficulties to understand your question. Could you please explain better your case ?

  • -_-

    RE: Designing on a grid for Windows Phone 7


    posted by anil on Apr 18, 2011 13:31

    ok ill try to elaborate it to my best ...

    http://188.165.13.7/tcrk/#myaccount

    just click on that link and u will see a pagecontaining 1.Current Balance part 2.Subscribed package Breakdown

    3.History

    now my question is that i want to fit all those 3 things in the main content grid of WP7 as shown in that image mockup. but i m unable to do that as the Subscribed package Breakdown, goes out of the WP7 default height and also i want you to help in designing the  STATUS BAR which is shown in 4 different colours (blue,purple,yellow and grey )which is filled according to the values

     

    i desperately need a help . i need to finish of with that design ASAP  ...

    hope u understood , if u need any more , kindly do ask ....

    thanks in advance

  • -_-

    RE: Designing on a grid for Windows Phone 7


    posted by anil on Apr 18, 2011 13:36
    please open that link in mozilla firefox only
  • ppopadiyn

    RE: Designing on a grid for Windows Phone 7


    posted by ppopadiyn on Apr 18, 2011 14:08
    Hmm, what you could try is to add three row definitions in your content grid, and place each control in the corresponding row. Thus, you will fit all controls in a single page (the wp7 resolution is 480x800). But I am not sure how this will look (it could be crappy). Additionally you could place each control in a separate ScrollViewer. My advice is if your design allows you, then use either Panorama control or Pivot control.
  • -_-

    RE: Designing on a grid for Windows Phone 7


    posted by anil on Apr 19, 2011 08:12

    ok i got it , u solved 1 of my question , but u still left with the other ,, how to design such a bar as shown there with different color ... if u help me out on that 1r give me some ideas on implementing that  then surely i would be on the top of the world ....

    thanks in advance

     

  • -_-

    RE: Designing on a grid for Windows Phone 7


    posted by anil on Apr 19, 2011 08:20

    hmm thanks for that i got it , but i guess u left out answering the other part , in implementing the bar with different colour kindly help me out in that r any sugestion would be greately appreciated ,,,,,,

    thanks in advance

  • ppopadiyn

    RE: Designing on a grid for Windows Phone 7


    posted by ppopadiyn on Apr 19, 2011 17:20

    I suppose you are talking about the StatusBar when you click on MyAcction. Well definitely that should be a custom control. I managed to create a very rough demo, which could serve you as a getting started. Here is a link where you could download it from.

    http://www.megafileupload.com/en/file/309960/WindowsPhoneApplication1-zip.html
  • -_-

    RE: Designing on a grid for Windows Phone 7


    posted by anil on Apr 23, 2011 14:57

    wonder ful . that is wat i was looking for , fantastic work mate , but i couldn get how you dividing the bar with a value as to fill that much % of bar to fill with particular color how are u setting the % for the bar so, that much part must be filled with a particular color, can u please guide me step by step with a picture of each step ..

     

    once again a great work ....

    hoping for the reply at the earliest....

    thanks in advance

    Anil

  • -_-

    RE: Designing on a grid for Windows Phone 7


    posted by anil on Apr 23, 2011 15:06

    sorry as i was over joyed i didnt go through the solution properly , i found out from where u setting the value . can u just guide me how to do that usercontrol step by step (with clear picture of each step if possible), so that i can also learn to design a usercontrol like that n do additional changes if requeried in near future ....

    once again a great work mate ...

    keep up the nice work . i m happy with ur example ..

    cheers

    Anil

     

  • -_-

    RE: Designing on a grid for Windows Phone 7


    posted by anil on Apr 29, 2011 07:19
    hi ppopadiyn. i m waitng for the steps to reproduce the same usercontrol .... please share it ,,, i m waiting man .. i got some alteration to do there . kindly reply with the steps . Thanks in Advance Anil

Add Comment

Login to comment:
  *      *       
Forgotten Password? Registration Why register?

Our News on Twitter


Latest News

  • Daily News Digest 2/18/2013
  • NEW SilverlightShow Article: Keep the GridView under control with style and templates
  • 50 Design Templates for Windows Store Apps
  • Reduce the size of your xap/appx package: time to take out the trash!