locked
Html format help for the uploaded image RRS feed

  • Question

  • Hi I'm karthik.

    Can anyone please assist me with the following design.. Uploaded a screenshot in word document.

    http://www.mediafire.com/?jmc1xv8arp6wcpw

     

    Please see the buttons below that window in screenshot..(Activate,Ed Surg,Co-sign..etc etc) under tools Tab..

     

    Can any one please let me know how to make like this in HTML format.

     

    Needed your suggestions very badly.. Have to finish this work by this day end :(

     

    Reards

    Thursday, March 24, 2011 12:53 AM

All replies

  • try this

    <UserControl
    	xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    	xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    	x:Class="SilverlightApplication1.MainPage"
    	Width="640" Height="480">
    	<UserControl.Resources>
    		<Style x:Key="ButtonStyle1" TargetType="Button">
    			<Setter Property="Background" Value="#FF1F3B53"/>
    			<Setter Property="Foreground" Value="#FF000000"/>
    			<Setter Property="Padding" Value="3"/>
    			<Setter Property="BorderThickness" Value="1"/>
    			<Setter Property="BorderBrush">
    				<Setter.Value>
    					<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
    						<GradientStop Color="#FFA3AEB9" Offset="0"/>
    						<GradientStop Color="#FF8399A9" Offset="0.375"/>
    						<GradientStop Color="#FF718597" Offset="0.375"/>
    						<GradientStop Color="#FF617584" Offset="1"/>
    					</LinearGradientBrush>
    				</Setter.Value>
    			</Setter>
    			<Setter Property="Template">
    				<Setter.Value>
    					<ControlTemplate TargetType="Button">
    						<Grid>
    							<VisualStateManager.VisualStateGroups>
    								<VisualStateGroup x:Name="CommonStates">
    									<VisualState x:Name="Normal"/>
    									<VisualState x:Name="MouseOver">
    										<Storyboard>
    											<DoubleAnimation Duration="0" To="1" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="BackgroundAnimation"/>
    										</Storyboard>
    									</VisualState>
    									<VisualState x:Name="Pressed">
    										<Storyboard>
    											<ColorAnimation Duration="0" To="#FF6DBDD1" Storyboard.TargetProperty="(Border.Background).(SolidColorBrush.Color)" Storyboard.TargetName="Background"/>
    											<DoubleAnimation Duration="0" To="1" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="BackgroundAnimation"/>
    										</Storyboard>
    									</VisualState>
    									<VisualState x:Name="Disabled">
    										<Storyboard>
    											<DoubleAnimation Duration="0" To=".55" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="DisabledVisualElement"/>
    										</Storyboard>
    									</VisualState>
    								</VisualStateGroup>
    								<VisualStateGroup x:Name="FocusStates">
    									<VisualState x:Name="Focused">
    										<Storyboard>
    											<DoubleAnimation Duration="0" To="1" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="FocusVisualElement"/>
    										</Storyboard>
    									</VisualState>
    									<VisualState x:Name="Unfocused"/>
    								</VisualStateGroup>
    							</VisualStateManager.VisualStateGroups>
    							<Border x:Name="Background" BorderThickness="{TemplateBinding BorderThickness}" Background="#FF197207" CornerRadius="3">
    								<Grid Background="{TemplateBinding Background}" Margin="1">
    									<Border x:Name="BackgroundAnimation" Background="#FF448DCA" Opacity="0"/>
    									<Rectangle x:Name="BackgroundGradient" Fill="#FFC2EDBB"/>
    								</Grid>
    							</Border>
    							<ContentPresenter x:Name="contentPresenter" ContentTemplate="{TemplateBinding ContentTemplate}" Content="{TemplateBinding Content}" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>
    							<Rectangle x:Name="DisabledVisualElement" IsHitTestVisible="false" Opacity="0" RadiusY="3" RadiusX="3"/>
    							<Rectangle x:Name="FocusVisualElement" IsHitTestVisible="false" Margin="1" Opacity="0" RadiusY="2" RadiusX="2" Stroke="#FF1D5200" StrokeThickness="1"/>
    						</Grid>
    					</ControlTemplate>
    				</Setter.Value>
    			</Setter>
    		</Style>
    	</UserControl.Resources>
    
    	<Grid x:Name="LayoutRoot">
    		<Button Content="Button" HorizontalAlignment="Left" VerticalAlignment="Top" Width="200" Background="#FF197207" Foreground="#FF197207" Height="30" Style="{StaticResource ButtonStyle1}"/>
    	</Grid>
    </UserControl>
    
    Thursday, March 24, 2011 5:42 AM