Intersoft Community - Crosslight - Navigation View Add Icons

Navigation View Add Icons

Hans — Mon, 20 Oct 2014 10:07:37 GMT

Hello,

I apologize for the inconvenience.

I will forward this issue to the developer team and I will let you know if there is an update regarding this issue.

Thank you for your understanding.

Regards,
Hans K.

Navigation View Add Icons

devincroud — Wed, 15 Oct 2014 19:57:28 GMT

Well its still crashing in iOS when I have ImageMemberPath unset... So this needs to be fixed.

Navigation View Add Icons

Hans — Wed, 15 Oct 2014 07:08:37 GMT

Hello,

We glad to hear that you have achieved the scenario that you want.

Should you have further question, please do not hesitate to contact us.

Regards,
Hans K.

Navigation View Add Icons

devincroud — Tue, 14 Oct 2014 19:49:40 GMT

Nevermind, it was a fluke that it started scrolling. It doesn't scroll anymore.

Navigation View Add Icons

devincroud — Tue, 14 Oct 2014 19:01:42 GMT

I got it all working on iOS on another view but I noticed another problem. I'm loading the images via async await via the loadservice.LoadImageAsync. The Table populates but it doesn't scroll I think because it doesn't get the count correctly because of the await? I only speculate this because I see the foot load while the images are downloading...

FIXED - I added another Item to the list and now it scrolls properly! So it had to do with the the cells being very large and the table not realizing it so the footer wasn't showing.

Navigation View Add Icons

devincroud — Tue, 14 Oct 2014 04:06:03 GMT

iOS crashes with this: If I uncomment the //ImageMemberPath = "Image", then it doesn't crash but two images are displayed...

using Intersoft.Crosslight;
namespace IncroudRadio.BindingProviders
{
    public class NavigationBindingProvider : BindingProvider
    {
        #region Constructors

        public NavigationBindingProvider()
        {
         
			var itemBinding = new ItemBindingDescription
            {

            //    DisplayMemberPath = "Title",
                NavigateMemberPath = "Target",
				//ImageMemberPath = "Image",

            };

            AddBinding("TableView", BindableProperties.ItemsSourceProperty, "Items");
            AddBinding("TableView", BindableProperties.ItemTemplateBindingProperty, itemBinding, true);
            AddBinding("TableView", BindableProperties.SelectedItemProperty, "SelectedItem", BindingMode.TwoWay);
			itemBinding.AddBinding("Title", BindableProperties.TextProperty, "Title");
			itemBinding.AddBinding("Image", BindableProperties.ImageSourceProperty, "Image");

        }

        #endregion
    }
}

Navigation View Add Icons

Hans — Thu, 02 Oct 2014 09:37:40 GMT

Hello,

Yes, there is a way to add icon to the navigation menu.

To show how to add the icon in navigation menu, I made a Crosslight project using Business Template.

In this Crosslight Business project (CustomNavigatioNemu application), I will modify the last Navigation Item (‘About This App’ item) by adding an icon to the navigation item, in Android project.

In order to achieve this scenario, here’s the couple things that you should modify:

1. Add your icon in ‘Resources - > drawable’ folder, under Android project.

2. Under Android project, there is ‘NavigationViewModel.cs’ file, in ViewModel folder. In that file, I modify a line of code

From: items.Add(new NavigationItem("About This App", "About", typeof(AboutNavigationViewModel))); To: items.Add(new NavigationItem("About This App", "About", typeof(AboutNavigationViewModel)) { Image = "icon.png" });

3. Under Android project, there is ‘navigation_item_layout.axml’ file, in Resources -> layout folder. In that file, I add a line of code:
<ImageView android:id="@+id/ImageView" android:layout_width="20dp" android:layout_height="20dp" android:layout_gravity="center" android:layout_marginLeft="20dp" android:layout_marginTop="2dp" />

You should use “@+id/ImageView” for “android:id”.

4. Under Android project, there is ‘NavigationListFragment.cs’ file, in Activities folder. In that file, I modify the code in ‘ListItemLayoutId’ function
protected override int ListItemLayoutId { get { return Resource.Layout.navigation_item_layout; } }

5. Under Core project, ‘NavigationBindingProvider.cs’ file, in BindingProviders folder. In that file, I add a line of code in ‘NavigationBindingProvider()’ function:
ItemBindingDescription itemBinding = new ItemBindingDescription { DisplayMemberPath = "Title", NavigateMemberPath = "Target", ImageMemberPath = "Image" };

You could do the same thing for iOS & WinPhone project.

You could get the project from this link: http://1drv.ms/1ryoC2T. Please kindly have review on the project and let me know your response.

For further information regarding Navigation Item, please kindly follow this link:

http://developer.intersoftpt.com/display/crosslight/Using+List+as+Navigation+Interface

Thank you.

Regards,

Hans K.

Navigation View Add Icons

devincroud — Tue, 30 Sep 2014 02:10:56 GMT

Is there anyway to add icons to the navigation menu?