Questions on UI for Xamarin Forum

1 answer

190 views

Hi, I am needing to draw a shadow around RadListView Items. I'm using Border but I don't see how to do a shadow effect and I don't want to use Frames. Can you help with an example or snippet of code please? Attaching a pic so you can see the type of shadow effect I'm trying to achieve.

Thanks guys!

Brian

P.S. Sorry for the other post on this forum. I hit submit too early didn't actually ask a question. I did see a way to edit the post or to delete it.

Border

answered on 24 Jan 2019

1 answer

240 views

Shadow on items of ListView

Hi, I'm using RadBorder to round corners of the items in a RadListView. I added the requested mockup. I'm needing this for iOS and Android.

Border

answered on 24 Jan 2019

0 answers

83 views

How to set Monday as first day of month

Hi Team,

I want to know few things for TKCalendar as below.

1. How to set Monday as first week day of month?

2. Can I make particular date selection disable?

Thanks,

Avinash

Calendar - Xamarin.iOS

asked on 23 Jan 2019

2 answers

156 views

EAN13 BarCode only accept 12 digits

Hello,

I have 13 digits gencods, and i need to generate EAN13 BarCode.

But it seems RadBarcode only accept 12 digits for EAN13 (or it crashs)

What should I do ? I need to convert my 13 digits gencod into 12 digits ?

Thanks

Barcode

answered on 23 Jan 2019

3 answers

224 views

First swipe on the control does not work

We are trying out the RadSlideView but we are having a problem with the first swipe on the control when the app first starts.

Our page RadSlideView correctly displays the first ContentView.

When we swipe left to move to the next content view it briefly appears and then disappears and we are left with a blank page. The indicators do not change.

If we then swipe again we do move to the next content view and the indicator moves and if we swipe back again the first page appears correctly.

In addition we have hooked up a command button which increments the SelectedIndex property of the control and this works correctly.

We are not seeing any exceptions in the debug window or the ios device log.

Below is our page and view model

Any advice would be helpful.

Thanks

<?xml version="1.0" encoding="utf-8" ?>

<pageBase:ContentPageBase xmlns="http://xamarin.com/schemas/2014/forms"

xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"

xmlns:base="clr-namespace:Tempcover.Mobile.Ui.ViewModels.Base;assembly=Tempcover.Mobile.Ui"

xmlns:pageBase="clr-namespace:Tempcover.Mobile.Ui.Views.Base;assembly=Tempcover.Mobile.Ui"

xmlns:primitives="clr-namespace:Telerik.XamarinForms.Primitives;assembly=Telerik.XamarinForms.Primitives"

x:Class="Tempcover.Mobile.Ui.Views.IntroCarouselPage"

BackgroundColor="White"

base:ViewModelLocator.AutoWireViewModel="true">

<Grid>

<Grid.RowDefinitions>

<RowDefinition Height="*"/>

<RowDefinition Height="Auto"/>

</Grid.RowDefinitions>

<primitives:RadSlideView

BackgroundColor="White"

Grid.Row="0"

Grid.Column="0"

x:Name="SlideView"

IndicatorText="•"

IndicatorFontSize="64"

IndicatorColor="LightBlue"

SelectedIndicatorText="•"

SelectedIndicatorFontSize="96"

SelectedIndicatorColor="{DynamicResource Primary}"

ShowButtons="false"

SelectedIndex="{Binding SelectedIndex}">

<primitives:RadSlideView.ItemsSource>

<x:Array Type="{x:Type ContentView}">

<ContentView>

<StackLayout Style="{StaticResource IntroCarouselStackLayoutStyle}">

<Image Source="tempcover.png" Margin="10,0,10,0" VerticalOptions="Center" HeightRequest="128" />

<Label VerticalOptions="Start" Style="{StaticResource IntroCarouselPanelLabelHeaderStyle}" Text="Fast, flexible and affordable temporary insurance"></Label>

</StackLayout>

</ContentView>

<ContentView>

<StackLayout Style="{StaticResource IntroCarouselStackLayoutStyle}">

<Image Source="Page2.png" VerticalOptions="Center" HeightRequest="100" />

<Label Style="{StaticResource IntroCarouselPanelLabelHeaderStyle}" Text="Find and compare short term cover quicker than ever before"></Label>

<Label Style="{StaticResource IntroCarouselPanelLabelSubheaderStyle}" Text="Create your account and get instant accesss to a range of quotes" />

</StackLayout>

</ContentView>

<ContentView >

<StackLayout Style="{StaticResource IntroCarouselStackLayoutStyle}">

<Image Source="Page3.png" VerticalOptions="Center" HeightRequest="100" />

<Label Style="{StaticResource IntroCarouselPanelLabelHeaderStyle}" Text="View all your policy documents in one convenient place"></Label>

<Label Style="{StaticResource IntroCarouselPanelLabelSubheaderStyle}" Text="Login to get easy access to your documents and update your details in seconds" />

</StackLayout>

</ContentView>

<ContentView >

<StackLayout Style="{StaticResource IntroCarouselStackLayoutStyle}">

<Image Source="Page4.png" VerticalOptions="Center" HeightRequest="100" />

<Label Style="{StaticResource IntroCarouselPanelLabelHeaderStyle}" Text="And that's it, everything you need for temporary insurance is right here"></Label>

<Label Style="{StaticResource IntroCarouselPanelLabelSubheaderStyle}" Text="Ready to get started? Click the button below to login and begin!" />

</StackLayout>

</ContentView>

</x:Array>

</primitives:RadSlideView.ItemsSource>

</primitives:RadSlideView>

<StackLayout Grid.Row="1" Grid.Column="0">

<Button Margin="10" x:Name="SeeMoreCommand" Text="{Binding BottomButtonText}" Style="{StaticResource ButtonPrimaryStyle}" Command="{Binding SeeMoreCommand}"/>

<Label HorizontalOptions="Center" Text="Already have an account?"></Label>

<Label Text="Sign in now" HorizontalOptions="Center" TextColor="Blue">

<Label.GestureRecognizers>

<TapGestureRecognizer NumberOfTapsRequired="1" Command="{Binding SignInNowCommand}"/>

</Label.GestureRecognizers>

</Label>

</StackLayout>

</Grid>

</pageBase:ContentPageBase>

using System.Collections.ObjectModel;

using System.Threading.Tasks;

using Tempcover.Mobile.Ui.ViewModels.Base;

using Tempcover.Mobile.Ui.ViewModels.Enums;

using Xamarin.Forms;

using System.Windows.Input;

using System;

namespace Tempcover.Mobile.Ui.ViewModels

{

public class IntroCarouselViewModel : ViewModelBase

{

public IntroCarouselViewModel()

{

CarouselSource = new ObservableCollection<View>();

SelectedIndex = 0;

}

public override Task<Initialise> InitializeAsync(object navigationData)

{

return Task.FromResult(Initialise.Success);

}

public Command MyCommand { protected set; get; }

public ICommand SignInNowCommand

{

get

{

return new Command(() =>

{

throw new NotImplementedException();

});

}

private string _person;

public string Person

{

get { return _person; }

set

{

_person = value;

RaisePropertyChanged(() => Person);

}

private int _selectedIndex;

public int SelectedIndex

{

get { return _selectedIndex; }

set

{

_selectedIndex = value;

RaisePropertyChanged(() => SelectedIndex);

RaisePropertyChanged(() => BottomButtonText);

}

ObservableCollection<View> _carouselSource;

public ObservableCollection<View> CarouselSource

{

set

{

_carouselSource = value;

RaisePropertyChanged(() => CarouselSource);

}

get

{

return _carouselSource;

}

private string _BottomButtonText;

public string BottomButtonText

{

get {

switch (SelectedIndex)

{

case 3:

return "Set up your account";

default:

return "See more";

}

public ICommand SeeMoreCommand

{

get

{

return new Command(() =>

{

if (SelectedIndex <3)

{

SelectedIndex++;

}

else

{

// navigate to the login page

}

});

}

using System.Diagnostics;

using Tempcover.Mobile.Ui.Views.Base;

using Xamarin.Forms;

using Xamarin.Forms.Xaml;

namespace Tempcover.Mobile.Ui.Views

{

[XamlCompilation(XamlCompilationOptions.Compile)]

public partial class IntroCarouselPage : ContentPageBase

{

public IntroCarouselPage()

{

InitializeComponent();

NavigationPage.SetHasNavigationBar(this, false);

}

SlideView

answered on 23 Jan 2019

1 answer

206 views

show a checkbox instead True/False Column

Hi,

its possible to show a checkbox instead of True/false DataColumn ?

Thnaks in advance

DataGrid

answered on 22 Jan 2019

4 answers

140 views

Custom palette breaks XAML previewer

If I add the following code into the .xaml file, it works fine on the device but prevents the previewer from displaying (see attached png for error).

Is there a way around this? I'd rather not have to build every time I want to see how my page is looking.

<telerikChart:RadPieChart.Palette>

<telerikChart:ChartPalette>

<telerikChart:ChartPalette.Entries>

<telerikChart:PaletteEntry FillColor="#EF694D" />

<telerikChart:PaletteEntry FillColor="#AAEF4D" />

<telerikChart:PaletteEntry FillColor="#76D0F1" />

<telerikChart:PaletteEntry FillColor="#E98AE2" />

<telerikChart:PaletteEntry FillColor="#E9C18A" />

<telerikChart:PaletteEntry FillColor="#E2E98A" />

</telerikChart:ChartPalette.Entries>

</telerikChart:ChartPalette>

</telerikChart:RadPieChart.Palette>

Chart

answered on 22 Jan 2019

2 answers

76 views

How to tell what character shape is represented by SelectedIndicatorText?

To set the SelectedIndicatorText you use

SelectedIndicatorText="♦"

How can i tell what shapes are available?

SlideView

answered on 22 Jan 2019

12 answers

123 views

Does not contain handler for keyboard return.

The RadAutoCompleteView object does not contain an event handler for the keyboard return coming from the keyboard (i.e. base entry).

AutoCompleteView

answered on 21 Jan 2019

1 answer

482 views

RadButton with an image icon

Hello

Currently I am using the Telerik for Xamarin Radbutton in my app. The buttons should be presented within a grid with rounded corners, an image and text. When I define the grid rows with dynamic height, the Radbuttons scale accordingly. However the icons within the button do not. Now I have to define the icons with specific width and height so that they fit nicely. Is it possible to let the icon scale?

Also a lot of attributes don't work like HeightRequest, WidthRequest, Padding...Any idea how I can make this work?

This is the code I use:

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
xmlns:prism="clr-namespace:Prism.Mvvm;assembly=Prism.Forms"
prism:ViewModelLocator.AutowireViewModel="True"
x:Class="PureToneModule.Views.SelectListeningDevice"
xmlns:trans="clr-namespace:PureToneModule.Localization"
xmlns:telerikInput="clr-namespace:Telerik.XamarinForms.Input;assembly=Telerik.XamarinForms.Input"
Title="{trans:Translate SelectListeningDevice_Title}" ControlTemplate="{StaticResource PageTemplate1}" NavigationPage.BackButtonTitle="">
<Grid Margin="15,0,15,0">
<Grid.RowDefinitions>
<RowDefinition Height="70" />
<RowDefinition Height="*" />
<RowDefinition Height="*" />
<RowDefinition Height="*" />
<RowDefinition Height="70" />
</Grid.RowDefinitions>
<Label Grid.Row="0" Text="{trans:Translate SelectListeningDevice_Top}" Style="{StaticResource LabelHeaderStyle}" />
<Label Grid.Row="1" Text="{trans:Translate SelectListeningDevice_Text}" LineBreakMode="WordWrap"
HorizontalTextAlignment="Center" VerticalTextAlignment="Center" Style="{StaticResource LabelDescriptionStyle}" />
<telerikInput:RadButton Grid.Row="2" Text="{trans:Translate SelectListeningDevice_HeadPhone}" Command="{Binding SelectHeadPhoneCommand}"
Image="headphone.png" Style="{StaticResource RoundButtonStyle}" />
<telerikInput:RadButton Grid.Row="3" Text="{trans:Translate SelectListeningDevice_EarBuds}" Command="{Binding SelectEarBudsCommand}"
Image="earbuds.png" Style="{StaticResource RoundButtonStyle}" />
<Label Grid.Row="4" Text="{trans:Translate SelectListeningDevice_Explanation}" Style="{StaticResource LabelExplanationStyle}" />
</Grid>
</ContentPage>

The button style is:

Kind regards

Luc

Button

answered on 21 Jan 2019