Regarding the designer of Crosslight, please allow me to introduce you to Form Builder. It produces data entry form that conforms to the high standards of usability and design guidelines defined in each supported native platform.

Crosslight makes it easy to implement data form in mobile business apps. Instead of writing gigantic amount of code, you only need to create a class that contains a few line of code which describes how the form is laid out, which editors to be used, and any particular behaviors and customization that you wish to set on certain editors.

The definitions of form builder are based on a particular model class or entirely standalone. It is called form metadata. When a valid form metadata is detected in a model class, the view will auto-generate the form based on the defined metadata.

It's not a designer, although you can easily create a rich form just with some attribute-based metadata. For more complex views, you will need to use the designer from each platform.

For more detail information about Form Builder, please check the documentation in the following links:

• Form Builder Overview
• Supported Editor Types
• Form Metadata Example

Hope this help.

A how-to article which shows how to enable translucency visual effect in modal navigation iOS using Crosslight 3 is now available in here. This article also provides a runnable simple sample project. Could you please kindly test/run the sample and let me know whether it helps or not?

...If I have the Blur View set, it doesn't reload the entire back view which is what I need but without a blur effect.

May I know why you need to reload the entire back view after the modal popup closes?
Look forward to hearing back from you.

Hello Thomas,

Please feel free to let us know if you still have any difficulties to use the most recent version of Crosslight (Crosslight 3) on Yosemite and Xcode 6+.

For Android platform, please ensure that binding to SelectedItem property has been added in BindingProvider (as seen in the following snippet code).

public NavigationBindingProvider()
{
    ItemBindingDescription itemBinding = new ItemBindingDescription()
    {
        DisplayMemberPath = "Title",
        NavigateMemberPath = "Target"
    };

    ...
    this.AddBinding("TableView", BindableProperties.SelectedItemProperty, "SelectedItem", BindingMode.TwoWay);
}

The DrawerSamples project on Android emulator (using Crosslight 3) shows that preselection works on Android.

Hope this helps.

Customizing cell template technique can be used to implement this scenario, to set the style of listview items at runtime (setting the color of texts of a list item and setting the color of the list selector).

Create custom cell template for iOS UITableView

You can customize the appearance and presentation of cell template in a table view for iOS to match your business requirement. Your apps look better when the cell template are presented more intuitively, for instances, setting the color of label to a TableViewCell.

A how-to article, Create Custom Cell Template for iOS UITableView, will guide you to customize the appearance of cell template. After adding a label (in step: Create View for Custom Cell Template), you can change the textColor property of UILabel via Interface Builder.

Set the color of the list selector in iOS can be done by set the CellSelectedBackgroundColor property in OnInitializeView of the relevant view controller. The snippet code below shows how.

protected override void InitializeView()
{
    base.InitializeView();

    this.Appearance.CellSelectedBackgroundColor = UIColor.Green;
}

We can use DataSamples project and implement the above snippet code in SimpleListViewController.cs. The result will look like following screenshot.

Create custom cell template for Android

The steps to create custom cell template for Android is simple. First, we'll need to create view for custom cell template. For example:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="horizontal"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:padding="10dp"
    android:minHeight="75dp">
    <LinearLayout
        android:layout_height="wrap_content"
        android:layout_width="fill_parent"
        android:orientation="vertical"
        android:layout_weight="1">
        ...
        <TextView
            android:text="Label"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:gravity="right"
            android:paddingRight="10dp"
            android:id="@+id/PriceLabel" />
    </LinearLayout>
    <ImageView
        android:id="@+id/ImageView"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_weight="5" />
</LinearLayout>

Next, override ListItemLayoutId in activities that consumes the custom cell template. Simply pass in the layout that represents the custom cell template.

protected override int ListItemLayoutId
{
    get { return Resource.Layout.CustomTableCell; }
}

To set the color of text of a list item can be done by defining textColor of TextView (for example: android:textColor="#00FF00")

The result will look like following:

Hope this help.