This question is locked. New answers and comments are not allowed.
Good afternoon,
I have the following code:
I understand that the RadListPicker has been identified as a "touch target" and the default style has {StaticResource PhoneTouchTargetOverhang} as the margin as indicated by a previous post. However, I am trying to understand why there is a 10 pixel left/right indentation on the control itself. It appears that somewhere in the default style there is a redundancy in the margin. Is this by design, and why? The only way to bring it back into a lined-up appearance is to override the default control style and change the margin of the parent grid (which does not appear to be set to PhoneTouchTargetOverhang). Where are you redundantly setting the left/right margin or is this in the control code itself?
Out of the box, controls should line up evenly and any customization should be done via overriding styles. The code above is an example of how to reproduce the unwanted behavior that RadListPicker exhibits. By default the header and left/right margins of the selection box should align with the toggle switches above it within the StackPanel, not be on its own rules that have to be overridden to get them to appear correctly as a form should be.
Can you please tell me if this is a design flaw that will be fixed in an upcoming patch, or are you leaving it up to us to bring the control back into expected behavior via a set of complex styles?
I have the following code:
<
StackPanel
>
<
telerikPrimitives:RadToggleSwitch
x:Name
=
"LiveTileCheckBox"
Content
=
"{Binding IsChecked, Converter={StaticResource BoolToOnOffConverter}, ElementName=LiveTileCheckBox, Mode=TwoWay}"
Header
=
"Use Live Tile"
IsChecked
=
"{Binding LiveTileEnabled, Mode=TwoWay}"
/>
<
telerikPrimitives:RadToggleSwitch
x:Name
=
"LiveTileModeCheckBox"
Margin
=
"0"
Content
=
"{Binding IsChecked, Converter={StaticResource BoolToModeConverter}, ElementName=LiveTileModeCheckBox, Mode=TwoWay}"
Header
=
"Mode"
IsChecked
=
"{Binding LiveTileMode, Mode=TwoWay}"
/>
<
telerikInput:RadListPicker
Header
=
"Location"
/>
</
StackPanel
>
I understand that the RadListPicker has been identified as a "touch target" and the default style has {StaticResource PhoneTouchTargetOverhang} as the margin as indicated by a previous post. However, I am trying to understand why there is a 10 pixel left/right indentation on the control itself. It appears that somewhere in the default style there is a redundancy in the margin. Is this by design, and why? The only way to bring it back into a lined-up appearance is to override the default control style and change the margin of the parent grid (which does not appear to be set to PhoneTouchTargetOverhang). Where are you redundantly setting the left/right margin or is this in the control code itself?
Out of the box, controls should line up evenly and any customization should be done via overriding styles. The code above is an example of how to reproduce the unwanted behavior that RadListPicker exhibits. By default the header and left/right margins of the selection box should align with the toggle switches above it within the StackPanel, not be on its own rules that have to be overridden to get them to appear correctly as a form should be.
Can you please tell me if this is a design flaw that will be fixed in an upcoming patch, or are you leaving it up to us to bring the control back into expected behavior via a set of complex styles?