Intersoft Community - Crosslight - Crosslight Drawer Navigation

Crosslight Drawer Navigation

yudi — Fri, 12 Aug 2016 03:47:35 GMT

Thank you for the information. I can replicate the issue after removing RefreshGroupItems().

I have submitted the reported problem to Crosslight development team. It is filed under CROS-1168.

I will keep you updated with any news I heard from the team regarding CROS-1168.

Crosslight Drawer Navigation

thomas.albert@tea-net.ch — Thu, 11 Aug 2016 08:10:54 GMT

Hello Yudi,

the difference in my case is that I don't have an override for RefreshGroupItems in the NavigationViewModel. If you comment out this method you will get the error, too.

Maybe this is a misunderstanding from my side. Since, I have no grouped navigation, I thought I do not have to provide an override for this. I thought just keep the default would be fine. But obviously it is not.

Am I wrong here?

Thanks,

Thomas

Crosslight Drawer Navigation

yudi — Tue, 09 Aug 2016 02:31:47 GMT

In the meantime, this causes a runtime error. How can I select the first navigation item of the drawer navigation when starting an app?

I attached a video which shows a simple app with initial selection (its first navigation item) when start. As shown in the video, the reported problem: causes a runtime error, is not reproducible.

For your reference, I enclosed my test app as attachment.

Should you find anything that I miss during my attempt to reproduce the problem, please feel free to let me know.

Crosslight Drawer Navigation

thomas.albert@tea-net.ch — Thu, 04 Aug 2016 14:12:14 GMT

Hello Yudi,

I have to reopen this, because it no longer works like this.

The initial question here was, how can I select the first navigation item of the drawer navigation when starting an app.

Your solution for iOS was:

this.DrawerSettings.AutoSynchronizeSelection = true; (DrawerViewController)

this.ClearsSelectionOnViewWillAppear = false; (NavigationViewController)

public override bool DeselectRowOnNavigate (NavigationViewController)
{
get { return false; }
}

In the meantime, this causes a runtime error. How can I select the first navigation item of the drawer navigation when starting an app?

Please, provide an up to date solution or fix this bug.

Thanks,

Thomas

Crosslight Drawer Navigation

thomas.albert@tea-net.ch — Thu, 18 Dec 2014 15:36:59 GMT

Hello Yudi,

it works somehow. But for my needs it is not the required solution.

Anyway, I think you can close this thread.

My needs are described in another post (http://www.intersoftpt.com/Community/Crosslight/Crosslight-ListView-Styling/).

In general, a greater emphasis on custom styling and setting styles, colors, ... in code would be nice.

Thanks,

Thomas

Crosslight Drawer Navigation

thomas.albert@tea-net.ch — Tue, 16 Dec 2014 05:49:35 GMT

Hello Yudi,

Thanks you for the explanation, I will test this today and give feedback.

Thomas

Crosslight Drawer Navigation

yudi — Mon, 15 Dec 2014 09:33:14 GMT

WorthyStyleDrawerSample uses custom list item template. Please follow the steps below in order to apply the style for drawer preselection.

Open DrawerSamples.Worthy.Android/Resources/values/Styles.xml file
Add a style and named it as ListItem; and set the background to @color/listviewbackgroundselector;

<style name="ListItem">  <item name="android:background">@color/listviewbackgroundselector</item>
</style>
<style name="Theme.Splash" parent="android:Theme">

Open DrawerSamples.Worthy.Android/Resources/layout/ItemListLayout.axml
Apply ListItem style to the LinearLayout

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="horizontal"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    style="@style/ListItem">
    ...

Save the changes and the preselection on drawer should look like below.

Hope this help.

Crosslight Drawer Navigation

thomas.albert@tea-net.ch — Thu, 11 Dec 2014 10:34:31 GMT

Hello Yudi,

you are right with the plain DrawerSample, but please have a look at the WorthyStyleDrawerSample.

In the BindingProvider the SelectedItem is bound but it is not selected at startup.

Maybe it is because the drawer is not open when starting the app or it is because of a custom list item template. I have the same scenario in my app and there is no selected list item, too.

I haven't tried on iOS. Maybe you could do this, too.

Thanks,

Thomas

Crosslight Drawer Navigation

yudi — Wed, 10 Dec 2014 04:36:17 GMT

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.

Crosslight Drawer Navigation

thomas.albert@tea-net.ch — Fri, 05 Dec 2014 13:53:41 GMT

Hello Yudi,

I have to reopen this.

As you described in one of the entries above, the preselection works fine on iOS.

Now, I need this (app starts, shown view is selected in drawer navigation) on Android, too. I couldn't find out how.

Do you have any sample for Android?

Thanks,

Thomas

Crosslight Drawer Navigation

thomas.albert@tea-net.ch — Sat, 12 Jul 2014 11:32:57 GMT

Hello Crosslight Support,

I am using a drawer navigation. When starting the app, the initial screen/view shows the first navigation item of the drawer navigation. This item isn't highlighted. When navigating to other screens/views the belonging navigation item is highlighted. When navigating back to the initial screen/view it is highlighted, too.

How can I initially highlight the "startup" navigation item in a drawer (iOS and Android)?

Thanks,

Thomas