Thx

I would like to change the Panelbar backgound based on the hierarchy level.

I have 3 level nesting in the PanelBarItem collections. On each level I would like a different color/background color scheme.

This is my PanelBarItem class

public class PanelBarItem
{
    public int Level {  get; set; }
    public string Text { get; set; }
    public bool Disabled { get; set; }
    public string Url { get; set; }
    public object Icon { get; set; }
    public List<PanelBarItem> Items { get; set; }
}

and this is my PanelBar data

    private List<PanelBarItem> LoadFAQData()
    {
        List<PanelBarItem> items = new List<PanelBarItem>()
        {
            new PanelBarItem()
            {
                Level=0,
                Text = "Provider Transactions",
                Icon = SvgIcon.Accessibility,
                Items = new List<PanelBarItem>()
                {
                    new PanelBarItem()
                    {
                        Level=1,
                        Text = "Can I perform both DDE and HIPAA batch transactions?",
                        Icon = SvgIcon.QuestionCircle,
                        Items = new List<PanelBarItem>()
                        {
                            new PanelBarItem()
                            {
                                Level=2,
                                Text = "Basic registration gives you the ability to perform DDE Transactions. You must check the box labeled \"I would like to do HIPAA Transactions\" and complete all required fields for HIPAA Batch Transactions."
                            }
                        }
                    },
                    new PanelBarItem()
                    {
                        Level=1,
                        Text = "Why can't I submit a claim to this website?",
                        Icon = SvgIcon.QuestionCircle,
                        Disabled = false,
                        Items = new List<PanelBarItem>()
                        {
                            new PanelBarItem()
                            {
                                Level=2,
                                Text = "Under HIPAA, health plans are permitted to choose the coordination of benefits (COB) model they wish to perform, either the Provider-to-payer or the payer-to-payer method. We have chosen to use the payer-to-payer method of COB. We have entered into trading partner agreements with the Medicare contractors. These agreements permit us to receive claims electronically directly from Medicare. If you submit a claim to Medicare for one of the Policyholder s listed on our eligibility file, you need do nothing more, Medicare will forward the claim to us for processing."
                            }
                        }
                    },
                    new PanelBarItem()
                    {
                        Level=1,
                        Text = "Is pre-certification required?",
                        Icon = SvgIcon.QuestionCircle,
                        Disabled = false,
                        Items = new List<PanelBarItem>()
                        {
                            new PanelBarItem()
                            {
                                Level=2,
                                Text = "No. However, Medicare Select policies require prior approval for scheduled admissions to non-network hospitals. Please contact the claims customer service department at 1-877-825-9337 for further assistance. "
                            }
                        }
                    },
...

Is it possible to have the panel bar expand or collapsed based on a property (bool IsExpanded) for the list of items in the data property of the panel bar, instead of as a separate list of items bound to the ExpandedItems list of objects?

I have a separate component with expand and collapse buttons.  I have a global list of objects that are in a service.  The Data property of the panel bar is set to this list of global items.  When the Expand All button of the separate component is clicked, it sends a message to the application service to set an Expand for all items in the global list that is bound to the panel bar.  The service sends out a notifystatechanged event.  The problem is I do not want to maintain a completely separate list of objects just for which ones are in the ExpandedItems list.  Would be nice to simply bind the expanded to a property of the global object thereby having the statechanged change the expanding and collapsing of the items in the panel bar.

Is this possible?  Haven't seen anything in documentation that seems to allow this.

Right now it means that my application wide service needs to have a completely separate list of objects for the expanded items in this one panel bar component, so it can add and remove objects and then notifystatechanged back to the panel bar component.

If not, is there any other way of doing this to have the panel bar get notified so it can then add and remove the expanded items object list?

Please advise

Thanks

Hello,

I'm using the PanelBarComponent to navigate between Pages.
Right now I am facing the following problems:

1)
when a page where unsaved user input is detected triggers a user prompt before the location is changed, i.e. 'are you sure ..' this breaks the selection of the panelbar. Wether the users decides to stay on the page or discarcd the changes and confirms the location change the selectedItem is set the last clicked item.

2)
a page containing a link or any other means of a location change, i.e. the location change is not triggered by the clicking the corresponding item on the panelbar also breaks the selection. In this case the selectedItem is not updated at all.

3)
if the user uses a bookmark to navigate to the page the panelbar doesn't show any selection

Hello, 

I have a TelerikPanelBar and I am getting the content from the database.  the text from item.Text is a string, that includes HTML.  Instead of rendering the HTML, it is still just rendering it as a string, even though I am converting it to a Markup String/using Markdig.

How can I get the text to display as HTML, instead of a string?

Hello,

My use case requires me to be able to set the selected panel bar item programmatically. However, I don't see any data bindings or api methods on the control ref to set the selected panel. Is this possible?

Setting the private member SelectedItem through reflection appears to work. Are there implications to doing this that I should be aware of?

        PanelBarRef.GetType().InvokeMember("SelectedItem",
            BindingFlags.Public | BindingFlags.NonPublic | BindingFlags.SetProperty | BindingFlags.Instance, 
            null, 
            PanelBarRef,
            new object[] { SelectedPage });

Thank You,

-Andy

I am using the TelerikPanelBar with only 1 item to create a collapsible form.
Is it possible to control the color and background color of the HeaderTemplate.

  <TelerikPanelBar Data="@Model"
    ExpandedItems="@Model">

    <PanelBarBindings>

      <PanelBarBinding>

        <HeaderTemplate>
          <h4>Filters</h4>
        </HeaderTemplate>

      </PanelBarBinding>

    </PanelBarBindings>

I recall being told I would have access to source code once I buy a licence.

Now that I have a licence, how do I get access to the source so I can do a local build?