ASP.NET themes | Infragistics Forums

155

ASP.NET themes

venkatesh bajjuri posted over 10 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 10 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
155

venkatesh bajjuri posted over 10 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
16310

Offline Hristo Anastasov posted over 10 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 10 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 10 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
16310

Offline Hristo Anastasov posted over 10 years ago in reply to Hristo Anastasov

Hello Venkatesh,

If you need any further assistance regarding the suggested, please let me know, I will be glad to help.
Cancel
Reply

Cancel

Reply

155

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

thank u
Cancel
Reply

Cancel

Children

No Data