This question is locked. New answers and comments are not allowed.
OK, so I had a custom style for my checkboxes, posted below, that brought the top margin down in line with the top margin of the text in my list (kinda like how the native email app looks). When I upgraded to 2012.2.509.2040 from the old 2011 version my margin fixes don't work anymore.
I did notice that you guys changed your checkboxes from the native silverlight ones to ItemCheckBox from the telerik primatives (and I changed my xaml as well to reflect that). But now for the life of me I can't get my margins back right. The only property setter it seems to honor is the vertical alignment (and putting at the top is terrible, center is not what I want, and I don't wanna do negative margins on my text like the example apps).
What else changed? Really, I'm 4 hours down now on something that was working yesterday.
Or rather, i just want my check boxes to line up with the tip of the text in my list. If you could just point me in that direction I'd be happy as well.
I did notice that you guys changed your checkboxes from the native silverlight ones to ItemCheckBox from the telerik primatives (and I changed my xaml as well to reflect that). But now for the life of me I can't get my margins back right. The only property setter it seems to honor is the vertical alignment (and putting at the top is terrible, center is not what I want, and I don't wanna do negative margins on my text like the example apps).
What else changed? Really, I'm 4 hours down now on something that was working yesterday.
<
Style
x:Key
=
"ItemCheckBoxStyle"
TargetType
=
"telerikPrimitives:ItemCheckBox"
>
<
Setter
Property
=
"Background"
Value
=
"{StaticResource PhoneRadioCheckBoxBrush}"
/>
<
Setter
Property
=
"BorderBrush"
Value
=
"{StaticResource PhoneRadioCheckBoxBrush}"
/>
<
Setter
Property
=
"FontSize"
Value
=
"{StaticResource PhoneFontSizeMedium}"
/>
<
Setter
Property
=
"FontFamily"
Value
=
"{StaticResource PhoneFontFamilyNormal}"
/>
<
Setter
Property
=
"HorizontalContentAlignment"
Value
=
"Left"
/>
<
Setter
Property
=
"HorizontalAlignment"
Value
=
"Left"
/>
<
Setter
Property
=
"VerticalAlignment"
Value
=
"Top"
/>
<
Setter
Property
=
"VerticalContentAlignment"
Value
=
"Center"
/>
<
Setter
Property
=
"Margin"
Value
=
"24,15,0,0"
/>
<
Setter
Property
=
"Template"
>
<
Setter.Value
>
<
ControlTemplate
TargetType
=
"CheckBox"
>
<
Grid
Background
=
"Transparent"
>
<
VisualStateManager.VisualStateGroups
>
<
VisualStateGroup
x:Name
=
"CommonStates"
>
<
VisualState
x:Name
=
"Normal"
/>
<
VisualState
x:Name
=
"MouseOver"
/>
<
VisualState
x:Name
=
"Pressed"
>
<
Storyboard
>
<
ObjectAnimationUsingKeyFrames
Storyboard.TargetName
=
"CheckBackground"
Storyboard.TargetProperty
=
"Background"
>
<
DiscreteObjectKeyFrame
KeyTime
=
"0"
Value
=
"{StaticResource PhoneRadioCheckBoxPressedBrush}"
/>
</
ObjectAnimationUsingKeyFrames
>
<
ObjectAnimationUsingKeyFrames
Storyboard.TargetName
=
"CheckBackground"
Storyboard.TargetProperty
=
"BorderBrush"
>
<
DiscreteObjectKeyFrame
KeyTime
=
"0"
Value
=
"{StaticResource PhoneRadioCheckBoxPressedBorderBrush}"
/>
</
ObjectAnimationUsingKeyFrames
>
<
ObjectAnimationUsingKeyFrames
Storyboard.TargetName
=
"CheckMark"
Storyboard.TargetProperty
=
"Fill"
>
<
DiscreteObjectKeyFrame
KeyTime
=
"0"
Value
=
"{StaticResource PhoneRadioCheckBoxCheckBrush}"
/>
</
ObjectAnimationUsingKeyFrames
>
<
ObjectAnimationUsingKeyFrames
Storyboard.TargetName
=
"IndeterminateMark"
Storyboard.TargetProperty
=
"Fill"
>
<
DiscreteObjectKeyFrame
KeyTime
=
"0"
Value
=
"{StaticResource PhoneRadioCheckBoxCheckBrush}"
/>
</
ObjectAnimationUsingKeyFrames
>
</
Storyboard
>
</
VisualState
>
<
VisualState
x:Name
=
"Disabled"
>
<
Storyboard
>
<
ObjectAnimationUsingKeyFrames
Storyboard.TargetName
=
"CheckBackground"
Storyboard.TargetProperty
=
"Background"
>
<
DiscreteObjectKeyFrame
KeyTime
=
"0"
Value
=
"{StaticResource PhoneRadioCheckBoxDisabledBrush}"
/>
</
ObjectAnimationUsingKeyFrames
>
<
ObjectAnimationUsingKeyFrames
Storyboard.TargetName
=
"CheckBackground"
Storyboard.TargetProperty
=
"BorderBrush"
>
<
DiscreteObjectKeyFrame
KeyTime
=
"0"
Value
=
"{StaticResource PhoneDisabledBrush}"
/>
</
ObjectAnimationUsingKeyFrames
>
<
ObjectAnimationUsingKeyFrames
Storyboard.TargetName
=
"CheckMark"
Storyboard.TargetProperty
=
"Fill"
>
<
DiscreteObjectKeyFrame
KeyTime
=
"0"
Value
=
"{StaticResource PhoneRadioCheckBoxCheckDisabledBrush}"
/>
</
ObjectAnimationUsingKeyFrames
>
<
ObjectAnimationUsingKeyFrames
Storyboard.TargetName
=
"IndeterminateMark"
Storyboard.TargetProperty
=
"Fill"
>
<
DiscreteObjectKeyFrame
KeyTime
=
"0"
Value
=
"{StaticResource PhoneRadioCheckBoxCheckDisabledBrush}"
/>
</
ObjectAnimationUsingKeyFrames
>
</
Storyboard
>
</
VisualState
>
</
VisualStateGroup
>
<
VisualStateGroup
x:Name
=
"CheckStates"
>
<
VisualState
x:Name
=
"Checked"
>
<
Storyboard
>
<
ObjectAnimationUsingKeyFrames
Storyboard.TargetName
=
"CheckMark"
Storyboard.TargetProperty
=
"Visibility"
>
<
DiscreteObjectKeyFrame
KeyTime
=
"0"
>
<
DiscreteObjectKeyFrame.Value
>
<
Visibility
>Visible</
Visibility
>
</
DiscreteObjectKeyFrame.Value
>
</
DiscreteObjectKeyFrame
>
</
ObjectAnimationUsingKeyFrames
>
</
Storyboard
>
</
VisualState
>
<
VisualState
x:Name
=
"Unchecked"
/>
<
VisualState
x:Name
=
"Indeterminate"
>
<
Storyboard
>
<
ObjectAnimationUsingKeyFrames
Storyboard.TargetName
=
"IndeterminateMark"
Storyboard.TargetProperty
=
"Visibility"
>
<
DiscreteObjectKeyFrame
KeyTime
=
"0"
>
<
DiscreteObjectKeyFrame.Value
>
<
Visibility
>Visible</
Visibility
>
</
DiscreteObjectKeyFrame.Value
>
</
DiscreteObjectKeyFrame
>
</
ObjectAnimationUsingKeyFrames
>
</
Storyboard
>
</
VisualState
>
</
VisualStateGroup
>
</
VisualStateManager.VisualStateGroups
>
<
Grid
x:Name
=
"CheckBox"
>
<
Border
x:Name
=
"CheckBackground"
Width
=
"32"
Height
=
"32"
HorizontalAlignment
=
"Left"
VerticalAlignment
=
"Center"
Background
=
"{TemplateBinding Background}"
BorderBrush
=
"{TemplateBinding Background}"
BorderThickness
=
"{StaticResource PhoneBorderThickness}"
IsHitTestVisible
=
"False"
/>
<
Rectangle
x:Name
=
"IndeterminateMark"
Width
=
"16"
Height
=
"16"
HorizontalAlignment
=
"Center"
VerticalAlignment
=
"Center"
Fill
=
"{StaticResource PhoneRadioCheckBoxCheckBrush}"
IsHitTestVisible
=
"False"
Visibility
=
"Collapsed"
/>
<
Path
x:Name
=
"CheckMark"
Width
=
"24"
Height
=
"18"
HorizontalAlignment
=
"Center"
VerticalAlignment
=
"Center"
Data
=
"M0,119 L31,92 L119,185 L267,0 L300,24 L122,250 z"
Fill
=
"{StaticResource PhoneRadioCheckBoxCheckBrush}"
IsHitTestVisible
=
"False"
Stretch
=
"Fill"
StrokeLineJoin
=
"Round"
StrokeThickness
=
"2"
Visibility
=
"Collapsed"
/>
</
Grid
>
</
Grid
>
</
ControlTemplate
>
</
Setter.Value
>
</
Setter
>
</
Style
>
Or rather, i just want my check boxes to line up with the tip of the text in my list. If you could just point me in that direction I'd be happy as well.