Search

Saturday, July 26, 2014
0 comments

How to add a Hyperlink Button control to a page in Windows Phone 8

7:28 PMSaturday, July 26, 2014
This topic describes the various ways to add a Hyperlink Button control to a Windows Phone 8 project. The Hyperlink Button control is part of the libraries in Windows Phone SDK 8.0.
This topic contains the following sections.

  1. Adding a Hyperlink Button control by using the Toolbox.
  2. Adding the Hyperlink Button control by using XAML.
  3. Adding the Hyperlink Button control by using code.

Adding a Hyperlink Button control by using the Toolbox

The easiest way to add a Hyperlink Button control and reference it properly is to drag it from the Toolbox and drop it to your XAML designer or XAML view.

To add a Hyperlink Button control from the Toolbox
  1. In the HyperlinkApplication project, open the Toolbox, and then open the All Windows Phone Controls.
  2. From the Toolbox, drag the HyperlinkButton control to the XAML or designer view.Visual Studio performs the following tasks automatically.
In the <phone:PhoneApplicationPage> start tag of the XAML page.
Adds the following XAML if you drag the control to the design view.

<HyperlinkButton Content="HyperlinkButton" HorizontalAlignment="Left" Margin="103,213,0,0" Grid.Row="1" VerticalAlignment="Top"/>

    3. Add single attribute in HyperlinkButton tag, which is NavigateUri="http://www.google.com".
    4. Must Add TargetName property with the NavigateUri property, if you use this for external url. It does not matter what value you use for this property.  Now your complete code look like

<HyperlinkButton TargetName="Google" NavigateUri="http://www.google.com/" Content="HyperlinkButton" HorizontalAlignment="Left" Margin="103,213,0,0" Grid.Row="1" VerticalAlignment="Top"/>

Code generate the following output

How to add a Hyperlink Button control to a page in Windows Phone 8How to add a Hyperlink Button control to a page in Windows Phone 8
Protected by Copyscape Online Copyright Protection Software

0 comments :

Post a Comment

 
Toggle Footer
Top