How to show the large image when click on image in wp7? - windows-phone-7.1

In a page i am displaying image,desc,etc fileds.whenever click on that small image need to display large size image and close icon also and need to show the blur of the background screen(for no user interaction in background fileds).whenever click on close icon need to show actual data.
How to achieve this?

One way is to have this on your page:
<Grid Name="datagrid">
// your small image and other fields
</Grid>
<Grid Name="imagegrid" Visibility="Collapsed">
// larger image and a button to "close"
</Grid>
On TAP event of the SMALL picture, change the datagrid visibility to collapsed and imagegrid visibility to visible.
On click event of the close button in imagegrid, change datagrid visibility to visible and imagegrid visibility to collapsed.
The second way to do this is to use another page with just a large picture and a close button. When the user taps on the small picture, navigate to that second page, and when the user taps close or back button, navigate back to the first page with small picture and all the fields.

Related

How to hide components when clicking outside your area

I have a form with green edit, when the user clicks the search button, the components in red are displayed on the screen. But I want that when the user clicks out of the component area, they disappear. I have no idea how to do this. I saw some people using a layout to cover the whole screen, but wanted to know if there was another way.
Or use the
OnFormclick event with object.visible:=false;

How to hide a view with center open - like a photoframe

In an application, in settings menu i have few 'controls' with slider bars, with each item having a small help button.
if user clicks the 'help' button, only the selected 'control' should be visible, and the remaining area should be covered with a new image (this would contain control related information), like a 'photo frame'.
Can somebody suggest, how to implement this 'photo-frame' masking in iOS?

How to realize the automatic jump to the specified page

i want to do a function,that is in page-based,i add a button,when i click the button,pop-up a Select box.In the selected box input the page number,but how can i realize that when i input the page number,the page jump to the specified page
edit:
I want to do a calendar,the label title bar in the top i have used button,now,it is that when i press the button,it will pop up a marquee,in there have month.now ,i want to press a month in the press box,then turn to the corresponding page.

Popup with overlay, popup fill window?

Would like to use a popup(jquery mobile) with content and make it fill the screen. Also with overlay.
Like this, scroll down to bottom, Overlay set to A button.
http://jquerymobile.com/branches/popup-widget/docs/pages/popup/index.html
But I want the popup to fill almost the entire screen. This should act as a new page but be filled with ajax content, I will fix this later...
How can I do this?
jQuery Mobile will not size a popup or dialog larger than needed to contain the rendered content. If you really want to fill the page, go with a new page. Consider transitioning to a new page with a pop transition instead.
http://jquerymobile.com/demos/1.2.0/docs/pages/page-transitions.html
You might also consider a dialog as it obscures the underlying page content
http://jquerymobile.com/demos/1.2.0/docs/pages/dialog/index.html

Different Images for Button Onclick on iOS?

I have a lot of buttons in my ViewController. I would like to have a new image show when the user has his finger on the button and the default image show once he takes his finger off the button.
Is this possible ?
Thank You !
When you edit the nib, select the button, and in the right-hand utility pane, there should be a State Config drop down menu. Select Highlighted and then set the image for that state.

Resources