Applying Style to WebdataMenu | Infragistics Forums

1590

Applying Style to WebdataMenu

Anil posted over 13 years ago

Hi,

I am trying to use WebDatamenu in Asp.net application. But I have failed to apply a style "RedPlanet" to webDatamenu control. Please brief me in deatil steps to apply the Style to webDatamenu control.

Even the how the images will be bind to perticualr control.

Please brief me with some simple sample will be appreciable.

I have tried Online sample it looks like simply you made it Complex.

Thanks

Anil kumar

Parents

85

YF posted over 13 years ago

use

StyleSetName="Default" , such as Office2007Blue,Office2007Black,IG ....
Cancel
Reply

Cancel
1590

Anil posted over 13 years ago in reply to YF

Hi,

I have applied the StyleSetName to "RedPlanet" but it is not working. So I want the necessary files and changes required to apply the Style. Could you please brief me.

Please if you describe with sample will be greatly appreciated.

Code Snippet :-

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
      <link href="Styling/sampleWebDataMenu.css" rel="stylesheet" type="text/css" />
        <link href="../ControlPanel/ControlPanel.css" rel="stylesheet" type="text/css" />

    <script src="../ControlPanel/ControlPanel.js" type="text/javascript"></script>
</head>
<body>

    <form id="form1" runat="server">
        <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>
    <div>
    <%--    <ig:webdatamenu runat="server" id ="mdMenu" ></ig:webdatamenu>--%>

         <ig:WebDataMenu ID="WebDataMenuSample" runat="server" DataSourceID="MenuDataSource"
                                MaxDataBindDepth="1" Width="100%" StyleSetName="RedPlanet">
                                <GroupSettings Orientation="Horizontal" />
                                <DataBindings>
                                     <ig:DataMenuItemBinding DefaultText=" " TextField="Text" ValueField="Value" ImageUrlField="ImageUrl" NavigateUrlFields="URL" TargetField="_blank" ToolTipField="Text" />
                                </DataBindings>
                            </ig:WebDataMenu>

                            <asp:XmlDataSource runat="server" ID="MenuDataSource"
            XPath="/MenuData/CommunitySiteMenu/Menu" DataFile="~/App_Data/MenuData.xml" />
    </div>
    </form>
</body>
</html>
Cancel
Reply

Cancel

Reply

19693

[Infragistics] Tsvetelina Georgieva posted over 13 years ago in reply to Anil

Hello akhanil ,

Thank you f or posting in our forums.

You should be able to apply RedPlanet style using the Properties window in Visual Studio

Choose StyleSetName and Import RedPlane style library.

I was able to achieve this using the latest service release of version 11.1

11.1.20111.2064

Please let me know if this helps.
Cancel
Reply

Cancel

Children

19693

Suggested Answer
[Infragistics] Tsvetelina Georgieva posted over 13 years ago in reply to Anil

Hello Anil,

Thank you for the update.

You do not need all the files from the ig_res/RedPlanet folder

You can exclude all the files which you will not use and leave only these corresponding for the WebDataMenu

Also there is a StyleSetPath property which you can use in order to set different directory.

Please refer to the below forum thread discussing similar topic

http://community.infragistics.com/forums/p/30696/271217.aspx

http://forums.infragistics.com/blogs/engineering/archive/2010/08/10/which-are-my-css-files.aspx

Let me know if you need further assistance
Cancel
Reply

Reject Answer

Cancel
1590

Anil posted over 13 years ago in reply to [Infragistics] Tsvetelina Georgieva

Hi,

I successfully able to Apply the theme. But My concern was the steps.

Like i have to include the Themes folder "Igres". It includes all the controls but I want only the webdatamenu. So I was expecting some answer from you. Now I am using only webdatamenu but i have included the complete "igres" theme folder. Which is not correct.

Thank You

Anil Kumar
Cancel
Reply

Cancel