image size

[Lily]

Sorry this might just be an easy question.  I'm having a hard time finding how to get my image on the navigation view's pages to fit in the tab height.  I've tried a lot but it's not working.  I have another page view that's a backstage view embeded in the navigation view's page view.  With the backstage view, it seems to work when I changed the item fit mode to FillHeight. I've attached a picture of the issue:

[Lily]

Okay I realized now it's not the FillHeight mode, it was just that that specific icon was just much smaller than the other one.  So how do I shrink it to fit in the Height of the item?

[Nadya | Tech Support Engineer]

Hello Lily,

According to the attached picture, it seems that you are trying to set an image with a big size. I would like to note that the RadPageViewNavigationViewItems are auto-sized by default. NavigationView switches between different display modes showing only the image or the image and text combined, so stretching the image or setting a maximum size of the item are not acceptable solutions. As a possible solution I would suggest you assign a custom image by setting the appropriate size to the image itself:

RadPageViewNavigationViewElement element = this.radPageView1.ViewElement as RadPageViewNavigationViewElement;
foreach (RadPageViewNavigationViewItem tab in element.Items)
{
    tab.Image = new Bitmap(myImage, new Size(100, 50)); 
}

As to the ItemFillMode property that you mentioned in the previous post defines possible modes to fit items within a RadPageViewStripElement and is applicable when RadPageView is in PageViewMode.Strip. This is why this property is not relevant to your scenario that uses NavigationView.

I hope this helps. Should you have further questions do not hesitate to ask.

Regards,
Nadya
Progress Telerik