+1-888-365-2779
Try Now
More in this section

Forums / Designing with Sitefinity / Adding RadPanelBar to Sitefinity

Adding RadPanelBar to Sitefinity

6 posts, 0 answered
  1. Justin Woodcock
    Justin Woodcock avatar
    4 posts
    Registered:
    02 Oct 2012
    15 Apr 2010
    Link to this post
    Hello,
    I've been spending a ton of time in the forums, telerik tv, and searching google. I have found everything I need to create my custom skin for the RadPanelBar, however, I cannot seem to get it to show up in my Sitefinity project (www.bmc.digitaluprising.biz).
    I have followed multiple instructions and when I pull the RadPanelBar control onto my site, nothing happens. I've defined my items in the PanelBar.aspx file which is located in my site root. I then have my PanelBar.BMC.css file in my "BMC" folder in the App_Themes directory.
    I'm developing in Visual Studio and I can see the correct styling being pulled into my PanelBar.aspx within Visual Studio, but when trying to add it to my Sitefinity project nothing happens. I'm also pretty sure the problem isn't with my CSS as I used Telerik's Visual Style Builder to create my theme. What a great tool by the way!

    It would be nice to see a step by step guide or tutorial for both me and other users, but I would also welcome a quick fix for my specific issue as well.

    Any help would be super appreciated.

    Thanks.

    <%@ Page Language="C#" AutoEventWireup="true" CodeFile="PanelBar.aspx.cs" Inherits="PanelBar" Theme="BMC" %>
     
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
     
    <head id="Head1" runat="server">
        <title></title>
        <telerik:RadStyleSheetManager id="RadStyleSheetManager1" runat="server" />
        <link href="App_Themes/BMC/PanelBar.BMC.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
        <form id="form1" runat="server">
        <telerik:RadScriptManager ID="RadScriptManager1" runat="server" />
        <div>
            <telerik:RadPanelBar ID="RadPanelBar1" runat="server" EnableEmbeddedSkins="False"
                Skin="BMC" OnItemClick="RadPanelBar1_ItemClick">
                <Items>
                    <telerik:RadPanelItem runat="server" NavigateUrl="GettingStarted.aspx" Text="Getting Started">
                        <Items>
                            <telerik:RadPanelItem runat="server" Text=":: Patient Appointments">
                            </telerik:RadPanelItem>
                            <telerik:RadPanelItem runat="server" Text=":: Patient Registration">
                            </telerik:RadPanelItem>
                            <telerik:RadPanelItem runat="server" Text=":: Insurance Information">
                            </telerik:RadPanelItem>
                            <telerik:RadPanelItem runat="server" Text=":: Financial Information">
                            </telerik:RadPanelItem>
                            <telerik:RadPanelItem runat="server" Text=":: Find a Physician">
                            </telerik:RadPanelItem>
                        </Items>
                    </telerik:RadPanelItem>
                </Items>
            </telerik:RadPanelBar>
        </div>
        </form>
    </body>
    </html>

  2. Ivan Dimitrov
    Ivan Dimitrov avatar
    16072 posts
    Registered:
    25 Nov 2016
    16 Apr 2010
    Link to this post
    Hello Justin Woodcocki,

    You could check whether the stylesheet is loaded on the page. The correct way to apply the css is by using Skin file and add the stylesheet in separate folder prepared to hold the css and imaged for the control. This is described in Tutorial: Creating A Custom Skin

    Regards,
    Ivan Dimitrov
    the Telerik team

    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
  3. Justin Woodcock
    Justin Woodcock avatar
    4 posts
    Registered:
    02 Oct 2012
    17 Apr 2010
    Link to this post
    Hey Ivan,
    Thanks for giving me a hand. The style sheet is being loaded into the page, I verified using the output source from the browser.
    The tutorial you suggested is one of the first that I had used to figure out how to skin my RadPanelbar. This is a very good explanation of the CSS associated with the RadPanelbar control.
    However what it doesn't help at all with is integrating that control with Sitefinity. I understand the usage of a .skin file because I have used another .skin file for my main site nav custom styling. But I'm not wanting to use the SitePanelbar which is what would be affected with a .skin file.

    I can create a basic skin file and successfully get the SitePanelbar to adopt the theme:
    <%@ Register TagPrefix="telerik" Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" %>
    <telerik:RadPanelBar
        runat="server"
        EnableEmbeddedSkins="false"
        EnableEmbeddedBaseStylesheet="false"
        Skin="BMC" />

    But I am wanting to use just a RadPanelbar, not the SitePanelbar which would display the site navigation. This is for a side menu that has a completely different menu system. This brings me to my questions:
         1. How do I use a "RadPanelBar" control from the "RadControls" group, and then apply my theme "BMC" to it?
         2. The other part of this problem is with adding items to the RadPanelbar menu itself. I need for my client to be able to add new items to the menu in the future. So how do I create/configure the RadPanelBar to pull in Items from a certain group of pages? If this is not possible, how then do I create the items (complete with links) manually so they'll be displayed in the RadPanelbar?
    I've manually created the items once already, as shown in my first post. I just manually built out the Panelbar items in visual studio. But the items aren't shown in Sitefinity, so I'm not sure how to integrate the code with the system.

    But it is more important for me to understand how to add items through Sitefinity and not just manually because I need my client to be able to do the same (without coding).

    I would appreciate your input on this. Thanks.
  4. Justin Woodcock
    Justin Woodcock avatar
    4 posts
    Registered:
    02 Oct 2012
    18 Apr 2010
    Link to this post
    To further my explanation even more, or to make it simpler for you to understand my needs...

    It is all skinned and data is loaded via the.aspx file. How in the world do I get this Panelbar into my Sitefinity site?
  5. Ivan Dimitrov
    Ivan Dimitrov avatar
    16072 posts
    Registered:
    25 Nov 2016
    18 Apr 2010
    Link to this post
    Hi Justin Woodcocki,

    All RadControls work in Sitefinity in the same way that they are supposed to work in each other ASP.NET website.You could take a look at this KB  - Controling appearance of RadControls for ASP.NET AJAX in Sitefinity

    Kind regards,
    Ivan Dimitrov
    the Telerik team

    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
  6. Justin Woodcock
    Justin Woodcock avatar
    4 posts
    Registered:
    02 Oct 2012
    19 Apr 2010
    Link to this post
    Hey Ivan,
    I really do appreciate your attempt at helping me.
    However it's like my real question keeps getting skipped. I have a feeling that Sitefinity doesn't include the feature to add additional menu systems independent from the main navigation system. I don't doubt that it can be done through some additional asp.net module programming, but for the CMS not to have this feature natively is really too bad. When using any of the main open source CMS platforms such as Joomla, ModX, Drupal, C5, DNN, etc this is a very standard procedure.

    I am not a asp.net programmer and one of the main reasons we chose the Sitefinity platform (other than needing a .net CMS) is because Sitefinity claimed that the control's styles could be modified by simply knowing HTML and CSS. Unfortunately that doesn't seem to be the case with the RadPanelBar. I'm not a beginner object oriented programmer, but just have limited knowledge in the .net world. I was able to create my menu no problem with C# asp.net code as you can see my example here: Custom Styled RadPanelBar independent of Sitefinity.

    But as stated in posts above I cannot find any adequate documentation on how to integrate my custom skin with a RadPanelBar within the Sitefinity CMS.
    In addition I need to occupy the menu items within this RadPanelBar by using a certain group of pages which are not included in the main navigation. This is the reason I cannot use the SitePanelBar and must use a custom RadPanelBar.

    I'm not sure if it is due to my technical writing skills, and not explaining my question good enough; or if my question is simply getting ignored.
    But either way, it doesn't seem to be getting answered.

    I do also want to clarify that I have read and re-read all articles given here in this forum topic. It was these and others, that I had already used to gain enough experience to completely design and develop the menu linked to above, and here.
    Obviously I don't need help designing or styling my menu system. It was design/styling that has been addressed in every one of the suggested articles you gave. And although I re-read through them all, I want to clarify that the articles are not addressing my problems at all.

    For now I have integrated a Flash menu system that can be modified externally via XML. Very unfortunately it seems this is going to have to be my solution.

    Please advise when Sitefinity has the native capability to build out custom Rad Control menu systems based off of admin defined page groups, and I will most definitely integrate the menu back into the CMS.


    Thank you for your time.

    Justin
Register for webinar
6 posts, 0 answered