iSeller Commerce
iSeller POS Retail
iSeller POS F&B
iSeller POS Express
Crosslight
WebUI
ClientUI
What's New
Download Trial
Web Solution
Mobile Solution
Enterprise Solution
Custom Development
Blog
Community
Latest Development Blogs
ForumPostTopic
Browse By Tag
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?
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.
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.
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.
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.
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.
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
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.
Glad to hear that removing the registry (from previous version) solve the Update Manager problem.
or
Choose this if you're already a member of Intersoft Community Forum. You can link your OpenID account to your existing Intersoft Social ID.
Choose this if you don't have an Intersoft account yet. Your authenticated OpenID will be automatically linked to your new Intersoft account.
Enter your Wordpress Blogname