Link to home
Start Free TrialLog in
Avatar of Brian
BrianFlag for United States of America

asked on

AJAX HTML Editor Extender

Hello Experts,

I have the following HTML Markup below. Everything works fine except that the TextBox Control that I have to add based on the information from AJAX website tells you to use a TextBox for the content. My problem is that when I run the page the TextBox Control has a transparent background.

Can someone please tell me if this is true in the fact that I have to use a TextBox Control for Content and also how I can change my Background Color. I tried changing the background color on the TextBox but that did not work.



<%@ Page Language="C#" AutoEventWireup="true" CodeFile="courses_update.aspx.cs" Inherits="CMS_ShapeUp_ghap_one_courses_update" %>

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

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

<!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>Wellness Choice Program - General Health Awareness Program One Update Courses</title>
    <link href="../../../../css/main.css" rel="stylesheet" type="text/css" />
</head>
<body class="info">
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server" />
<asp:HtmlEditorExtender ID="HtmlEditorExtender1" TargetControlID="TextBox1" runat="server">
    <Toolbar>
        <asp:Bold />
        <asp:Italic />
    </Toolbar>
</asp:HtmlEditorExtender>
      <div id="wrapper">
          <div id="header">
        <img src="../../../../images/ShapeUpWithoutText_221x89_4_Logo.png" alt="Shape Up Logo" />
            <div id="nav">
                <ul>
                    <li><a href="../../../../index.aspx">HOME</a></li>
                    <li class="current"><a href="../../../../programinfo/index.aspx">PROGRAM INFORMATION</a></li>
                    <li><a href="http://wellness" target="_blank">REPORTING SYSTEM</a></li>
                    <li><a href="../../../../contact/index.aspx">CONTACT</a></li>
                </ul>
            </div>
        </div>
        <div id="content">
            <div id="primary">
                <h1>GENERAL HEALTH AWARENESS PROGRAM ONE - UPDATE COURSES</h1>
                <asp:Label ID="lblCourseUpdate" runat="server"></asp:Label>
                <br />
                <asp:DropDownList ID="ddlCourseUpdate" runat="server"></asp:DropDownList>
                <br />
                <asp:Label ID="lblHTMLCourseUpdate" runat="server"></asp:Label>
                <br />
                <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
            </div>
            <div id="secondary">
                <h1></h1>
                <ul>
                </ul>
            </div>
        </div>
        <div id="footer">
            <%--<p>&#169;</p>--%>
        </div>
    </div>
</form>
</body>
</html>
Avatar of PeteEngineer
PeteEngineer
Flag of India image
With CSS.

input[type=text]:focus { background-color: blue; } (needs a modern web
browser).

You could also play with the onfocus and onblur events and set
this.style.backgroundColour using JavaScript.
ASKER CERTIFIED SOLUTION
Avatar of PeteEngineer
PeteEngineer
Flag of India image
Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Avatar of Brian
Brian
Flag of United States of America image

ASKER

Hi PeteEngineer,

I cannot use an <input> Control I have to use the following control below. Also, what is the other stuff used for ?

<asp:TextBox ID="TextBox1" runat="server" Width="600px" Height="300px"></asp:TextBox>
Avatar of Brian
Brian
Flag of United States of America image

ASKER

This Post was never followed threw.