Intersoft Community - ClientUI - UXRibbonToolTipService.SetImageSource() is resizing the image

UXRibbonToolTipService.SetImageSource() is resizing the image

yudi — Sun, 03 Feb 2013 20:20:05 GMT

The file I couldn't cancel was ClientUI Ribbon Application.rar attached previously. I didn't test with other files.

I tried to reproduce this problem in my local end by uploading rar file type on Intersoft’s community site using Mozilla Firefox 18.01 browser but my efforts were not successful – everything worked smoothly and the uploaded file was accessed without any issues.

However, I have noted this problem and will forward it to the development team once the issue is reproducible.

About Update Manager. I believe I found the problem. I found in the registry that the previous version keys wasn't removed. I removed those and problem solved.

Glad to hear that removing the registry (from previous version) solve the Update Manager problem.

UXRibbonToolTipService.SetImageSource() is resizing the image

DaveDeSmet — Wed, 30 Jan 2013 23:28:11 GMT

Hi Yudi,

The file I couldn't cancel was ClientUI Ribbon Application.rar attached previously. I didn't test with other files.

About Update Manager. I believe I found the problem. I found in the registry that the previous version keys wasn't removed. I removed those and problem solved.

Regards,

Dave

UXRibbonToolTipService.SetImageSource() is resizing the image

yudi — Wed, 30 Jan 2013 20:15:37 GMT

I’m glad that the workaround posted by you on January 29, 2013 do the trick.

I tried to replicate the reported problem, cancel files uploading button doesn’t work on Mozilla Firefox 18.0.1 browser, by canceling upload process but my efforts were not successful.

Could you please inform me about the uploaded files (file size; file type; etc)?

I was also unable to reproduce the Update Manager problem (screenshot is attached). I’m using Windows 7 32-bit in my local end.

UXRibbonToolTipService.SetImageSource() is resizing the image

DaveDeSmet — Wed, 30 Jan 2013 13:45:39 GMT

Yudi,

I'm using the workaround I suggested. Keeping the transparent background and rising the resolution to 96p. No need to change background color or saving as jpg.

Regarding the cancel files uploading button. This happens on the community site.
I'm using Firefox 18.0.1 not tested with IE or Chrome.

About Update Manager. I'm connected directly to the Internet, no proxy. Firewall rules are oke (disable or enable makes the same).
It used to work with the previous version 2012 R1 but it doesn't work with 2012 R2.

UXRibbonToolTipService.SetImageSource() is resizing the image

yudi — Tue, 29 Jan 2013 23:11:49 GMT

Thank you very much for the sent sample. I was able to reproduce the problem using the sent sample.

I perform an experiment with the image files (branch.png and customers.png only). Both of the files apply transparency. Those files are modified by replacing the transparent with red background color. Save the changes and apply the new files to the sample project.

The reported problem, image gets wrongly resized, is no longer happen.

Another experiment was performed. This time, I open the original files of branch.png and customers.png; then save them as jpg format. Save the changes and apply the new jpg files to the sample project.

Once again, the problem is no longer persisting.

I suspect that the reported problem is related with the transparency background on png file type. Temporarily, you may try to use jpg file type or apply non-transparent background on png file type.

Btw, the cancel files uploading button doesn't work, ...

Could you please provide with more information regarding the cancel files uploading button which doesn't work? Does this happen on this community site or is it happen on UXFileUpload control of ClientUI?

... and also the Intersoft Update Manager throws an error: 'Unable to connect to the remote server'.

Could you please check whether your development PC is connected to the internet via proxy? If it does, you will need to set this custom settings to the Intersoft Update Manager 3.0 application.

Click Settings and select "Use Custom". Fill in the information about Address, Port, Username, and Password of your proxy server then click OK.

Hope this helps.

UXRibbonToolTipService.SetImageSource() is resizing the image

DaveDeSmet — Tue, 29 Jan 2013 12:28:20 GMT

Yudi,

I've attached the sample code. It uses the ClientUI Ribbon Application sample.

For the purpose of the sample, I've only added TooltipImagePath to the first 3 RibbonButtons.

As you ca see in the 2 images, the first one is correctly displayed and the second one is resized (more bigger). Both images are 128x128 px.

Btw, the cancel files uploading button doesn't work, and also the Intersoft Update Manager throws an error: 'Unable to connect to the remote server'.

Update:

I found the issue. The problem is with the images of 72p resolution. A 96p resolution it doesn't get resized.

UXRibbonToolTipService.SetImageSource() is resizing the image

yudi — Mon, 28 Jan 2013 23:31:36 GMT

I tried to reproduce the problem in my local project by adding TooltipImagePath element on the project which is created using ClientUI Ribbon Application WPF project template but my efforts were not successful.

I’m willing to advice you further but in order to do so I would need you to elaborate on your specific scenario and possibly give me a running simple sample which replicates the reported problem and a step-by-step guide that I can use to observe the problematic behavior.

The above image shows the UXRibbon tooltip with custom image. This is taken from the Smart ToolTip sample of UXRibbon. The live version of this sample is available in here.

Referring to the above image, the following list describes the properties that you can customize in the ribbon tooltip.

UXRibbonToolTipService.Header
UXRibbonToolTipService.Content
UXRibbonToolTipService.Footer
UXRibbonToolTipService.ImageSource

The following snippet code shows how to configure the ribbon tooltip.

<Intersoft:UXRibbonButton Content="Cover Page" MinimumSize="Medium"
                            Icon="/assets/icons/cover_page.png"
                            LargeIcon="/assets/icons/cover_page.png"
                            Intersoft:UXRibbonToolTipService.Header="Header Section"
                            Intersoft:UXRibbonToolTipService.Content="Content - Line 1.
Content - Line 2."
                            Intersoft:UXRibbonToolTipService.ImageSource="/UXRibbonProject;component/Images/image1.png">
    <Intersoft:UXRibbonToolTipService.Footer>
        <StackPanel Orientation="Vertical">
            <Intersoft:UXSeparator />
            <StackPanel Orientation="Horizontal" Margin="0,4,0,2">
                <Image Source="/assets/icons/help.png" Width="16" Height="16"/>
                <TextBlock Text="Press F1 for more help." Margin="2,0" VerticalAlignment="Center"/>
            </StackPanel>
        </StackPanel>
    </Intersoft:UXRibbonToolTipService.Footer>
</Intersoft:UXRibbonButton>

For more detail information, please check the RibbonToolTip.xaml sample file ClientUI.Samples project or check the UXRibbonBar section in ClientUI Documentation (Customizing Ribbon Tooltip).

Hope this helps.

UXRibbonToolTipService.SetImageSource() is resizing the image

DaveDeSmet — Mon, 28 Jan 2013 15:13:05 GMT

Hi,

I'm working with the 'ClientUI Ribbon Application' WPF sample and when adding the TooltipImagePath element, the image gets wrongly resized.

It is bigger than it should, however, I've another image that shows properly. Both images are png and 128x128 px. As shown in the attached files.

Also, how I can format the text shown in the TooltipContent like in the sample image as shown in the documentation?