CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

karsten_larsen Praktikant

05. august 2007 - 09:21 Der er 5 kommentarer og
1 løsning

Ajax - design af tab control

Har prøvet at får ændret farver og stil på tabcontrol (Ajax)

TabPanel1.BorderColor = Drawing.Color.HotPink
TabPanel1.BackColor = Drawing.Color.HotPink

Men der sker intet.
Vil gerne have ændret den orange farve ved hover funktion, og layout til knap til activebord og hvid baggrund, så det kan styres fra codebehind.

Hvad er fidusen?

?? karsten_larsen

Synes godt om

neoman Novice

05. august 2007 - 15:25 #1

Du kunne i stedet for prøve at skifte cssclass på den : http://forums.asp.net/p/1116037/1730201.aspx#1730201

Synes godt om

karsten_larsen Praktikant

06. august 2007 - 17:25 #2

neomann -> har prøvet at skifte navn på css, men det hjalp intet.

Her er min demo kode - helt enkelt
Css:
body {
}
tab .ajax__tab_header
{
background-color: red;
}
tab .ajax__tab_header
{
background-color: red;
}
tab .ajax__tab_outer
{
background-color: red;
}
tab .ajax__tab_inner
{
background-color: red;
}
tab .ajax__tab_tab
{
background-color: red;
}
tab .ajax__tab_body
{
background-color: red;
}
tab .ajax__tab_hover
{
background-color: red;
}
tab .ajax__tab_active
{
background-color: red;
}

og aspx:

<%@ Page Language="VB" AutoEventWireup="true" CodeFile="Default.aspx.vb" Inherits="_Default" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Untitled Page</title>
<link href="StyleSheet.css" rel="stylesheet" type="text/css" />
</head>
<body>
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server" />
<div>
<cc1:TabContainer ID="TabContainer1" runat="server" ActiveTabIndex="0">
<cc1:TabPanel ID="TabPanel1" CssClass ="tab" runat="server" HeaderText="TabPanel1">
</cc1:TabPanel>
<cc1:TabPanel ID="TabPanel2" CssClass ="tab" runat="server" HeaderText="TabPanel2">
</cc1:TabPanel>
</cc1:TabContainer></div>
</form>
</body>
</html>

Hvorfor virker det ikke?

Synes godt om

neoman Novice

06. august 2007 - 19:29 #3

Måske fordi du ikke har fulgt opskriften 100 % ? :-)

Dette her producerer regnbuen på min skærm:

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="TestTabCss.aspx.vb" Inherits="Helpdesk_TestTabCss" %>

<%@ Register Assembly="System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"
Namespace="System.Web.UI" TagPrefix="asp" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>

<!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>Untitled Page</title>
<style type="text/css">
.mytab .ajax__tab_header
{
background-color: brown;
}
.mytab .ajax__tab_outer
{
background-color: red;
}
.mytab .ajax__tab_inner
{
background-color: blue;
}
.mytab .ajax__tab_tab
{
background-color: yellow;
}
.mytab .ajax__tab_body
{
background-color: green;
}
.mytab .ajax__tab_hover
{
background-color: black;
}
.mytab .ajax__tab_active
{
background-color: red;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server" />
 
<div>
 <cc1:TabContainer ID="TabContainer1" runat="server" CssClass="mytab">
<cc1:TabPanel ID="TabPanel1" runat="server">
<ContentTemplate>aaaa
</ContentTemplate>
</cc1:TabPanel>
<cc1:TabPanel ID="TabPanel2" runat="server">
<ContentTemplate>bbbb</ContentTemplate>
</cc1:TabPanel>
</cc1:TabContainer>
</div>
</form>
</body>
</html>

Synes godt om

karsten_larsen Praktikant

06. august 2007 - 20:09 #4

Ved at oprette en tilsvarende fil og c/p din kode over får jeg en lille blå firkant i øverste venstre hjørne efterfulgt af brun række til højre for denne. Under den blå firkant findes tekst "aaaaa" på grøn baggund.

Men i det mindste reagerer din css på tab, hvilket min ikke gjorde. Så det er et skridt fra.

neomann vil da lave et svar?

:-) karsten_larsen

Synes godt om

karsten_larsen Praktikant

06. august 2007 - 20:11 #5

Så det er et skridt fra.

rettes til

Så det er et skridt frem.

Synes godt om

neoman Novice

06. august 2007 - 20:15 #6

Jeg er ligesom lidt farveblind hehe, så det blev malet med en MEGET bred pensel. Næh, dit problem var jo at få dyret til at reagere idet hele taget. Når dét er lykkedes, så skal du jo nok få dyret tæmmet;)

Synes godt om

Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Følg dette spørgsmål

Opret Preview

Se alle it-kurser fra Computerworld Kurser

IT-kurser om Microsoft 365, sikkerhed, personlig vækst, udvikling, digital markedsføring, grafisk design, SAP og forretningsanalyse.

Se alle it-kurser

Flere spørgsmål fra ASP.NET kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
valgte i checkboks og comboboks opdater gui og backend Af keepy i ASP.NET	0	01/10/202318:39	-
Webservice Af SommerFyr i ASP.NET	19	11/05/202313:43	31/05/202315:08
ASP:Image og JPG/PDF Af TV47 i ASP.NET	4	25/03/202318:49	31/03/202310:24
www til non-www og HTTPS Af KOH i ASP.NET	2	16/03/202312:31	22/03/202310:19
Window.Open og passing af parameter Af TV47 i ASP.NET	1	14/07/202215:22	20/08/202213:03

Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS