This is a migrated thread and some comments may be shown as answers.

Make tile's text bigger

7 Answers 108 Views
Panorama
This is a migrated thread and some comments may be shown as answers.
Ioannis
Top achievements
Rank 2
Ioannis asked on 24 Dec 2018, 11:03 AM

Hello,

I'm testing RadPanorama for Windows Forms

I love the zooming feature (although having the ability to set an initial zoom value depending on the screen resolution would make it better), however I can't find how to make the tile text bigger.

When I go to the tile's properties, then font and make the font bigger, it automatically changes back to 'Segoe UI Light, 16pt'.
I then tried doing the same on the TileGroupElement itself, but its font always automatically becomes 'Segoe UI Light, 20.25pt' 

I finally tried to change the font of the RadPanorama as a whole, and although the value does change, it doesn't have any effect on the tiles.

 

So how do I go about doing that? Thank you in advance :)

7 Answers, 1 is accepted

Sort by
0
Ioannis
Top achievements
Rank 2
answered on 24 Dec 2018, 08:51 PM
I actually figured it out.
Even though you can't edit the fonts, you can set the tile's text to HTML and use HTML tags to make the size bigger that way.
0
Accepted
Dess | Tech Support Engineer, Principal
Telerik team
answered on 25 Dec 2018, 07:45 AM
Hello, Ioannis,     

Indeed, using the HTML-like text formatting functionality is a suitable approach for customizing the text in the panorama's tiles. However, you can simply set the RadTileElement.Font property to the desired font. It is not changed on my end. But it is normal to be scaled when you zoom in/out accordingly.

public RadForm1()
{
    InitializeComponent();
 
    this.tileGroupElement1.Font = new Font("Arial", 14f, FontStyle.Italic);
    this.radTileElement1.Font = new Font("Verdana" , 10f, FontStyle.Bold);
}





If you are still experiencing any further difficulties, it would be greatly appreciated if you specify the exact steps how to reproduce the problem. Thus, we would be able to investigate the precise case and assist you further. Thank you in advance. 

I hope this information helps. If you need any further assistance please don't hesitate to contact me. 

Merry Christmas 

Regards,
Dess | Tech Support Engineer, Sr.
Progress Telerik
Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
0
Ioannis
Top achievements
Rank 2
answered on 25 Dec 2018, 11:07 AM

Hello Dess and thank you for your reply.

 

Indeed, if I do it programmatically, the text does change at runtime, which is great :)

For Each TileGroup As TileGroupElement In rpMain.Groups
    For Each MainCtrl As RadTileElement In TileGroup.Items
        MainCtrl.Font = New Font("Segoe UI Light", 22.0F)
    Next
Next

 

It could be a problem that only I experience (due to some other VS extension perhaps?), but at design time, if I try to do the same, i.e. on the form's Designer go to the RadTileElement properties, proceed on the "Font" property and click the "..." button for the font dialog to appear, no matter the changes I make, the RadTileElement's font won't change.

Now, knowing it's possible to actually change it made me think to not use the "..." font dialog and instead expand the font property and change the text size directly from there. It turns out this works too. So I can actually do it at design time as well.

Just please check out if there's a general problem preventing the font dialogue from passing the changes to the properties, because for me the dialogues are more intuitive and that's what I always tend to use

P.S. my problem is solved. Thank you :) 

0
Dess | Tech Support Engineer, Principal
Telerik team
answered on 26 Dec 2018, 05:58 AM
Hello, Ioannis,     

Following the provided information, I have tested changing the tile's font at design time. It seems to work as expected on my end and the font is serialized in the Designer.cs file. 



 Could you please specify what is the installed Telerik UI for WinForms version on your end? Would it be possible to provide a sample video demonstrating the exact steps that you perform on your end when you are experiencing problems with the font at design time? You can use Jing (a free tool) for capturing the video. Thus, we would be able to investigate the precise case and assist you further. Thank you in advance.

I am looking forward to your reply.

Regards,
Dess | Tech Support Engineer, Sr.
Progress Telerik
Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
0
Ioannis
Top achievements
Rank 2
answered on 26 Dec 2018, 09:56 AM

Hello,

 

I'm unsure as to which version of Telerik I have currently installed. When I'm clicking the Telerik Menu on VS, the "About" menu-item redirects me to a webpage (https://www.telerik.com/?utm_source=vs).

From "JustMock"'s menu in VS I see "Trial Version R3 2018 (2018.3.912.1) but I'm unsure if this is the version for the whole suite or just the JustMock component.

 

You can see the sample demonstration of what happens on my end in this video: https://www.dropbox.com/s/bz5xc0x9tu74ll6/Telerik-TileElement-Fonts-Not-Updated.mp4?dl=1

(This form doesn't allow for video uploads, so I put it my dropbox where you can download it for free)

Best regards,

Ioannis Mamalikidis

0
Dess | Tech Support Engineer, Principal
Telerik team
answered on 27 Dec 2018, 06:45 AM
Hello, Ioannis,

You can check the version of the Telerik UI for WinForms suite in your project by selecting the referred assembly in the References section:



Following the demonstrated steps in the sample video, I was able to replicate the undesired behavior on my end. However, note that when you try to change the font by clicking "..." it is necessary to select a font name, style and size which is not performed. Only the size is changed but the name remains empty. If you need to change the size, expand the Font property and specify only the size:



Otherwise, select the font name together with the size:



Should you have further questions please let me know.

Regards,
Dess | Tech Support Engineer, Sr.
Progress Telerik
Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
0
Ioannis
Top achievements
Rank 2
answered on 27 Dec 2018, 08:43 AM

Hello Dess,

 

My Telerik UI version is 2018.3.1016.40

 

Thank you for the information :)

Tags
Panorama
Asked by
Ioannis
Top achievements
Rank 2
Answers by
Ioannis
Top achievements
Rank 2
Dess | Tech Support Engineer, Principal
Telerik team
Share this question
or