Solved

AJAX HTML Editor Extender

Posted on 2011-09-28
6
7,645 Views
Last Modified: 2012-06-27
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>
0
Comment
Question by:asp_net2
  • 2
  • 2
6 Comments
 
LVL 8

Expert Comment

by:PeteEngineer
ID: 36716354
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.
0
 
LVL 8

Accepted Solution

by:
PeteEngineer earned 500 total points
ID: 36716358
<input type="text" onfocus="this.className+=' focused'"
onblur="this.className=this.className.replace(/\s?focused/g,'')">

and some css:

input.focused {
background-color:#ffe;
}
0
 
LVL 4

Author Comment

by:asp_net2
ID: 36716608
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>
0
 
LVL 4

Author Closing Comment

by:asp_net2
ID: 36979160
This Post was never followed threw.
0

Featured Post

How Do You Stack Up Against Your Peers?

With today’s modern enterprise so dependent on digital infrastructures, the impact of major incidents has increased dramatically. Grab the report now to gain insight into how your organization ranks against your peers and learn best-in-class strategies to resolve incidents.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

I found this questions asking how to do this in many different forums, so I will describe here how to implement a solution using PHP and AJAX. The logical flow for the problem should be: Write an event handler for the first drop down box to get …
Styling your websites can become very complex. Here I'll show how SASS can help you better organize, maintain and reuse your CSS code.
HTML5 has deprecated a few of the older ways of showing media as well as offering up a new way to create games and animations. Audio, video, and canvas are just a few of the adjustments made between XHTML and HTML5. As we learned in our last micr…
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

685 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question