ASP.NET themes | Infragistics Forums

155

ASP.NET themes

venkatesh bajjuri posted over 9 years ago

how do i change the theme of the web page to flatly?

for now i included these links to the page but i can't see any changes. do it required any javascript file

and jquery

if yes what is the version i need to use?

plz provide an example .

thanks,

venkatesh

Parents

16310

Offline Hristo Anastasov posted over 9 years ago

Hello,

Thank you for posting in the Infragistics community !

I am note sure what do you mean by "flatly". However you can apply different themes to the Infragistics controls trough the Application Stylist Configuration Tool. You can access it from Visual Studio > Tools. Please refer to this page for a detailed guidance on how to use the tool to import and apply different style sets:

http://help.infragistics.com/Help/Doc/ASPNET/2014.2/CLR4.0/HTML/Web_NetAdvantage_Application_Styling_Configuration_Tool.html

Please let me know if you have any further questions on this.
Cancel
Reply

Cancel

Reply

155

venkatesh bajjuri posted over 9 years ago in reply to Hristo Anastasov

hello,

Thanks for ur response, but it not solved my problem

i want to change the complete theme of the application i found some thing here

http://help.infragistics.com/Doc/jQuery/2014.2/CLR4.0?page=Deployment_Guide_Styling_and_Theming.html

where there was "flatly" theme in the page. I want to implement that theme in my application.

Please help me.

Thanks,

venkatesh.
Cancel
Reply

Cancel

Children

16310

Offline Hristo Anastasov posted over 9 years ago in reply to venkatesh bajjuri

Hello Venkatesh,

Thank you for your feedback and sorry for having misunderstood you.

Actually referencing the theme as you did is enough to apply the theme. How is your app rendered after that - no style applied or the initial theme is applied ? Please check if you have copied the theme you reference and it is there in the css folder. All files you can find in the following folder:

C:\Program Files (x86)\Infragistics\2014.2\Ignite UI\css\

Please let me know if that helped or you are still struggling with it.
Cancel
Reply

Cancel
155

venkatesh bajjuri posted over 9 years ago in reply to Hristo Anastasov

hello,

thank's for response.

no style is applied. and for my sample application when i reload the page i am loosing the theme.
Do we need to include any jquery files. and if yes which version i should use?

Thank's

Venkatesh
Cancel
Reply

Cancel
16310

Offline Hristo Anastasov posted over 9 years ago in reply to venkatesh bajjuri

Hello Venkatesh,

You need the jquery and IGniteUI javascript files to run the controls and the css files to have styles applied. I assume the widgets are loaded but no style is applied, which makes me believe that you do not have this folder and file in your project:

href="css/themes/flatly/infragistics.theme.css"

Please make sure this file is available. If it is not, please try to find it in this folder:

C:\Program Files (x86)\Infragistics\2014.2\Ignite UI\css\themes\flatly

and copy it to your project css folder.

Please let me know if this helped.
Cancel
Reply

Cancel
155

venkatesh bajjuri posted over 9 years ago in reply to Hristo Anastasov

Hello,

I use the same css theme, but it not worked for me.

and where i can find the IGniteUI javascript file .Do these come with the Infragistics or do we need to download ?

if yes: please provide me the link.

here is my aspx code

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebApplication13.WebForm1" %>

<%@ Register Assembly="Infragistics4.Web.v14.2, Version=14.2.20142.1028, Culture=neutral, PublicKeyToken=7dd5c3163f2cd0cb"

Namespace="Infragistics.Web.UI.GridControls" TagPrefix="ig" %>

<%@ Register assembly="Infragistics4.Web.v14.2, Version=14.2.20142.1028, Culture=neutral, PublicKeyToken=7dd5c3163f2cd0cb" namespace="Infragistics.Web.UI.DataSourceControls" tagprefix="ig" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<title></title>

<link rel="Stylesheet" href="CSS/structure/infragistics.css" type="text/css" />

<link rel="Stylesheet" href="CSS/themes/flatly/infragistics.theme.css" type="text/css" />

</head>

<body>

<form id="form1" runat="server">

<div>

<asp:ScriptManager ID="ScriptManager1" runat="server">

</asp:ScriptManager>

<ig:WebHierarchicalDataGrid ID="WebHierarchicalDataGrid1" runat="server" Height="350px"

Width="400px" AutoGenerateBands="False" AutoGenerateColumns="False"

DataMember="SqlDataSource1_DefaultView"

DataSourceID="WebHierarchicalDataSource1" Key="SqlDataSource1_DefaultView">

<Columns>

<ig:BoundDataField DataFieldName="Id" Key="Id">

<Header Text="Id" />

</ig:BoundDataField>

<ig:BoundDataField DataFieldName="ActionTypeId" Key="ActionTypeId">

<Header Text="ActionTypeId" />

</ig:BoundDataField>

<ig:BoundDataField DataFieldName="Status" Key="Status">

<Header Text="Status" />

</ig:BoundDataField>

</Columns>

</ig:WebHierarchicalDataGrid>

<ig:WebHierarchicalDataSource ID="WebHierarchicalDataSource1" runat="server">

<dataviews>

<ig:DataView ID="SqlDataSource1_DefaultView" DataMember="DefaultView"

DataSourceID="SqlDataSource1" />

</dataviews>

</ig:WebHierarchicalDataSource>

<asp:SqlDataSource ID="SqlDataSource1" runat="server"

ConnectionString="<%$ ConnectionStrings:CBCSA5_testConnectionString %>"

SelectCommand="SELECT * FROM [ActionType_Status]"></asp:SqlDataSource>

</div>

</form>

</body>

</html>

.cs code

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

namespace WebApplication13

{

public partial class WebForm1 : System.Web.UI.Page

{

protected void Page_Load(object sender, EventArgs e)

{

}

}

}

Thanks,

venkatesh
Cancel
Reply

Cancel
16310

Offline Hristo Anastasov posted over 9 years ago in reply to venkatesh bajjuri

Hello Venkatesh,

The bootstrap themes are available for the IgniteUI controls, not for the ASP.NET controls as the WebHierarchicalDataGrid.

Instead you can use the Application Styling Configuration tool, as stated in my first post. You can access it from Visual Studio > Tools. Please refer to this page for a detailed guidance on how to use the tool to import and apply different style sets:

http://help.infragistics.com/Help/Doc/ASPNET/2014.2/CLR4.0/HTML/Web_NetAdvantage_Application_Styling_Configuration_Tool.html

Please let me know if you have any further questions on this.
Cancel
Reply

Cancel