I'm encountering strange behavior on a Windows Phone 8.1 project. The culprit is the FontStyle="Italic" property of a TextBox control.
I created a new Windows Phone 8.1 project, on the MainPage.xaml page I have this XAML:
<Grid>
<TextBox Text="Am I mad?"
FontStyle="Italic"/>
</Grid>
On the designer, the text shows in italic:
But when I run the project in the emulator, the italics are gone:
I also saw that when I modify the XAML by adding FontWeight="Bold" to the TextBox like so:
<TextBox Text="Am I mad?"
FontStyle="Italic"
FontWeight="Bold"/>
both the bold font weight and the italics show up and work as expected. Am I missing something obvious?
Related
I have a Cordova (version 6.3.1) app that is just HTML with some jQuery mobile code. This issue only occurs on iOS version of the app (Android works fine). Every time i press on a text box to insert a text after doing some scrolling, it jumps straight back to the top. The same happens with selecting radio buttons that are lower in the page. I have added a video to better explain myself.
Please see video here on iOS 10.0.2
What I have tried:
1) Adding this to the config.xml file for platform=iOS:
<preference name="DisallowOverscroll" value="true"/>
<preference name="UIWebViewBounce" value="false"/>
2) Basically everything from this issue.
Any other suggestions and help will be highly appreciated.
If you generating text field by programmatically you should clear dives using " clear: both;" or if it is not this problem won't happen if you create html page with responsive (better to use bootstrap).
I have an Ionic app that's being brought over for use as a desktop web application. That means it's running itself in browsers like FireFox, IE, Chrome... etc
One thing I've noticed is, on Windows Chrome I can scroll certain elements ONLY when using the touch screen. I cannot, for instance, click and drag the elements (which I can do just fine in OSX)
here's an oversimplification of one such element's html
<ion-content ...>
<div class="someclassyClasses ..." ...>
<ion-scroll direction="y" has-bouncing="false" ...>
<ion-list ...>
<div ng-repeat="group in groups" ...>
Environment is
Windows 8.1
Chrome 44.x
HP Touch Envy Laptop
seems it was a bug.. trying to use ionic apps on desktop too soon
I've noticed that all guidelines, guides and blogs explain that the standard margin on the left (leading) for Windows Phone is 12.
Yet, when I go "File > New Project in VS2013" for any type of Windows Phone app, I'm met with a margin of 19, which looks really good.
<!-- Title Panel -->
<StackPanel Grid.Row="0" Margin="19,0,0,0">
<TextBlock x:Uid="Header" Text="application name" Style="{ThemeResource TitleTextBlockStyle}" Margin="0,12,0,0" />
<TextBlock Text="{Binding Title}" Style="{ThemeResource HeaderTextBlockStyle}" Margin="0,-6.5,0,26.5" CharacterSpacing="{ThemeResource PivotHeaderItemCharacterSpacing}"/>
</StackPanel>
It looks good, as in the bar at the top with the signal indication, aligns perfectly with 19 in the simulator, yet in designer view it aligns with the number 12 instead.
Why is this? I keep editing my every XAML to match Margin="19,0,0,0" when I thought they should all be Margin="12,0,12,0". Is that right?
It's the difference between Windows Phone Silverlight and Windows Phone Runtime app scaling. Silverlight apps always scale to 480 virtual pixels wide. Runtime apps scale based on pixel density at specific plateaus (multiples of 20% for Windows Phone 8.1 and of 25% for Windows 10).
The 12 pixel guidelines you saw were for probably for Silverlight apps on Windows 8.
That said, the scaling documentation for Windows 10 appears to contradict itself and says 12 pixels for narrow modes in Responsive design 101 for Universal Windows Platform (UWP) apps and 20 pixels in Guidelines for resizing to narrow layouts. I'll file a doc bug to synchronize these.
I am new to windows phone application development. I am developing application for windows 8.0. I cannot find file [Package.appxmanifest] in the project.
Is there a setting in application that turns on orientation? Because when I rotate my phone my controls stay same in potrait mode.
Can any one guide me please?
Package.appxmanifest is a WP8.1 runtime thing. For WP 8.0, it's AppManifest and WMAppManifest. You can find it under Properties under the project Solution.
As for orientation, click your MainPage.xaml and select your <phone:PhoneApplicationPage> tag. Under Common, you can change your Orientations.
And here's a Quick Start Guide in handling Orientation Changes: Quickstart: Screen orientation for Windows Phone 8
In your designer page there will be a property named SupportedOrientations. You can change that to Portrait, Landscape or PortraitOrLandscape for both.
While developing if you want to change the orientation use Orientation property.
<phone:PhoneApplicationPage
x:Class="TemplateSwitcher.MainPage"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d"
FontFamily="{StaticResource PhoneFontFamilyNormal}"
FontSize="{StaticResource PhoneFontSizeNormal}"
Foreground="{StaticResource PhoneForegroundBrush}"
SupportedOrientations="Portrait" Orientation="Portrait"
shell:SystemTray.IsVisible="True">
In my windows phone app, I have a textbox which has to be displayed when certain conditions are met. If not, it should behave like Visibility.Gone in Android.
How should I do that in a windows phone app?
The corresponding visibility on the WinPhone platform is Visiblity.Collapsed
Visiblity.Collapsed in Windows is same as Visibility.Gone in Android. In windows Elements that have a Visibility value of Collapsed do not occupy any layout space and there is nothing which is equivalent to Visibility.InVisible of Android