How can I develop Bubble Bar?

[Myat Su]

Hi,
I am a telerik user and I used many controls from telerik.
But I don't know how to create Bubble Bar, and need to add Reference (Telerik.Examples dll file)
So how can I get this.

Thank You
Dumpling
:)

[Ivan Petrov]

Hello Myat Su,

Thank you for writing.

All the code needed to create a BubbleBar control is available in the demo application. You can copy the content of the files and you will have the control inside your project. You just need to add the ToolboxItem(true) attribute to the BubbleBar class. The files are available in both C# and VB.NET. You can find attached a CS project where I have extracted these files and I have added a few lines of code which demonstrate how to add items to it.

I hope this will be useful for you. If you have further questions I would be glad to help.

Regards,
Ivan Petrov
the Telerik team

[Myat Su]

Thanks for reply
But I still cannot find the way how to do.
I know, I need to add reference into my project but I cannot find reference file.
You gave me the attachment file, this is C#.
I need VB.NET and I cannot find reference file for bubble bar.
So please give me bubble bar reference file if possible.

Thank You Very Much
Myat Su

[Saeed]

hello
I set

ToolboxItem (true)

but when i open your poroject that you send, these are error:
1-

Could not find type 'RadBubbleBarControl.RadBubbleBar.RadBubbleBar'. Please make sure that the assembly that contains this type is referenced. If this type is a part of your development project, make sure that the project has been successfully built using settings for your current platform or Any CPU.

 

 

[Ivan Petrov]

Hello Myat Su and Saeed,

Thank you for your posts.

Before you can see the control in the VS designer, you have to build the solution so the actual control will be composed. This applies for both the CS and VB attached projects.

You do not need to reference any dlls to have a bubble bar in your application. The bubble bar is composed of three source code files which are available in the demo application that is installed with the controls. Please refer to the attached screen shot to get a visual idea where this source code files can be reviewed.

I have also attached a VB.NET version of the project I attached in my previous post. What you have to do to use the bubble bar in your application is to just copy the RadBubbleBar foulder or only its content in your project. After that yo have to build your project and you will have the bubble bar in the Visual Studio toolbox.

Should you need further help, I would be glad to provide it.

Regards,
Ivan Petrov
the Telerik team

[Myat Su]

Hello,
I can add Bubble Bar in Toolbox but I have problem.
I add items (Grid group header button element or Rad button Element)  in bubble bar from design.
But I cannot see these items in run time and after running, in design these items automatically disappear, how should I do.
I don't have any reference for bubble bar.
Please help me.

Thank You So Much
Myat Su

[Ivan Petrov]

Hello Myat Su,

Thank you for writing back.

Actually, the mistake is on my side when I have copied the code for the RadBubbleBar control I have missed the attributes of the Items and Element properties. The two attributes on the Items property tell VS and .NET to serialize the items and also add an option in the smart tag of the control for editing the items. 

I hope this will resolve this issue. Should other questions arise feel free to contact us again.

Kind regards,
Ivan Petrov
the Telerik team

[Myat Su]

Hello,
Now I can use bubble but one thing is the buttons or image appear in normal size in first time running.
After mouse over, they change to small size. I want to display small size in first time appear and when mouse over, show normal or large size. How to do?

Please help me
Thank you so much
Myat Su

[Ivan Petrov]

Hello Myat Su,

Thank you for your reply.

To make the buttons small immediately after you add them to the RadBubbleBar you should modify the ItemsChanged event handler of the BubbleBarElement items collection to look like the following code snippet. You already have it in the code you just have to add the bottom two lines in the If statement:

Private Sub items_ItemsChanged(ByVal changed As RadItemCollection, ByVal target As RadItem, ByVal operation As ItemsChangeOperation)
  If operation = ItemsChangeOperation.Inserted OrElse operation = ItemsChangeOperation.Set Then
  target.AddBehavior(New BubbleBarMouseOverBehavior())
  Dim animatedExpand As New AnimatedPropertySetting(RadElement.ScaleTransformProperty, New SizeF(0.65F, 0.65F), 5, 30)
  animatedExpand.ApplyValue(target)
  End If
End Sub

I hope this will help. Feel free to write back for any further help you may need. Regards,
Ivan Petrov
the Telerik team

[Myat Su]

Hello,
Really thank you for you reply.
Now my bubble bar is very pretty :-) with your help.

Thank you so much
Myat Su

[Luis]

Hello,

I'm developing my project in C#. I'm having the same problem, the items dissapear.
I don't  understand when you say:

"Actually, the mistake is on my side when I have copied the code for the RadBubbleBar control I have missed the attributes of the Items and Element properties. The two attributes on the Items property tell VS and .NET to serialize the items and also add an option in the smart tag of the control for editing the items."

What is it that I am supposed to do? Can you help, please?
Thank you very much and keep up the good work.

[Ivan Petrov]

Hello Luis,

Thank you for writing.

There is one attribute that needs to be added to the Element property of the RadBubbleBar class and two attributes to the the Items property. I have attached a working version of the project with these attributes added. You can see them in the code of the RadBubbleBar class. 

If you need further assistance, I would be glad to help.

Regards,
Ivan Petrov
the Telerik team

[Luis]

 Hello Ivan,

Thank you very much. It's working now. Very good.
One thing though, I add the items and change the back and bordercolors to transparent, but every now and then, the colors reset back.
I change them again, but it happens again.
I was trying to come up with an foreach loop to run on form load to make sure the items stay transparent:
 foreach (RadItem myItem in radBubbleBar1.Items)
            {
                myItem.BackColor = Color.Transparent;
                myItem.ForeColor = Color.Transparent;
            }
but I can't get the border properties right.

Forgive my ignorance, but can you help me again with this one, please?

Regards,
Luis

edit: It´s the borderelement forecolor and the buttonfillelement Fillprimitive that needs to be set in runtime, I think.

[Ivan Petrov]

Hello Luis,

Thank you for writing back.

I tested the project from my previous post, but was unable to reproduce any issues related to the back color or the border reappearing. I would kindly ask you to open a support ticket and attach you code so I can investigate it firsthand. 

I am looking forward to you reply.

Greetings,
Ivan Petrov
the Telerik team

[John]

I Downloded and doesn't work!
Would you please update if possible?
Thanks.

[Ivan Petrov]

Hello John,

Thank you for writing.

I have updated the project to work with our latest release 2013 Q3 SP1. 

I hope this will be useful. Should you need further assistance, I would be glad to provide it.

Regards,
Ivan Petrov
Telerik