Text Wrap in editor area

Last post 04-06-2005, 3:32 AM by paoloa. 12 replies.
Sort Posts: Previous Next
  •  01-31-2005, 1:29 PM 3806

    Text Wrap in editor area

    Hello,
     
    I noticed that when using the editor, and the initial content is not predefined as a paragraph, and adding a large amount of text in one block, the editor doesn't wrap the text, it presents the text in one line.
    Even when I use the initial predefined content it happens when returning to the editor after passing the entered data in a session.

    I already tried to use the the text overflow options in the CSS but no luck.

    However it is still workable, or when changing the paragraph style (but looses all other styling) it wraps the tecxt again to the editor area. Please help!!!
    Is there a way that the text is automatically wrapped when data is presented???
     
    see screens;

    1. WRAP OK - With Predefined content, inc. paragraph text (i.e. Content= "<p>Type Here</p>")



    2. WRAP NOT OK - With Predefined content, inc. paragraph text (i.e. Content= "Type Here") or when populating the editor with session containing the data (using paragraphs) previous use of  the editor; Noticed that it happens also with this one when changing paragraph style or creating a unordered list



     
     
  •  01-31-2005, 1:31 PM 3807 in reply to 3806

    Re: Text Wrap in editor area

     
    is the editor embedded in a table cell?
     
    Can you check the table cell and post the code here?

    asp.net Chat http://cutesoft.net/ASP.NET+Chat/default.aspx
    Web Messenger: http://cutesoft.net/Web-Messenger/default.aspx
    asp.net wysiwyg editor: http://cutesoft.net/ASP.NET+WYSIWYG+Editor/default.aspx
    asp wysiwyg html editor: http://cutesoft.net/ASP
    asp.net Image Gallery: http://cutesoft.net/ASP.NET+Image+Gallery/default.aspx
    Live Support: http://cutesoft.net/live-support/default.aspx

  •  01-31-2005, 1:40 PM 3808 in reply to 3806

    Re: Text Wrap in editor area

    Hello Adam,

    Please find the code below;
    Thanks for your fast reply...

    Greetings,
    Wim





    <table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
        <td height="5" class="TEXT_11px">&nbsp;Contents Editor:
                       
                <% dim content
                     If Session("ContentResult") <> "" then
                      Content = Session("ContentResult")
                      Else
                      content =  "Type here..."    
                     End If
                 
                 Dim editor
                 Set editor = New CuteEditor 
           
                 editor.ID = "Editor1"  
                 editor.Text = content
                 editor.FilesPath = "/Cuteeditor/CuteEditor_Files"
                 editor.ImageGalleryPath = "/Cuteeditor/Uploads"
                  
                 editor.DocumentPath= "/Cuteeditor/Uploads"         
                 editor.MaxImageSize = 50
                 editor.MaxMediaSize = 20000
                      
                 editor.AutoConfigure = "yskydhlairnews"
                 editor.FontFacesList = "Arial"
                 editor.FontSizesList = "1,2,3,4,5,7"                                             

       
                 editor.Width = 574
                 editor.Height = 200
                 editor.Draw()        

             %>
                      </td>
                    </tr>
                  </table>
  •  01-31-2005, 1:57 PM 3811 in reply to 3808

    Re: Text Wrap in editor area

    Wim,
     
    Please change this line:
     
    <td height="5" class="TEXT_11px">
     
    to
     
    <td>
     
    And try again.
     

    asp.net Chat http://cutesoft.net/ASP.NET+Chat/default.aspx
    Web Messenger: http://cutesoft.net/Web-Messenger/default.aspx
    asp.net wysiwyg editor: http://cutesoft.net/ASP.NET+WYSIWYG+Editor/default.aspx
    asp wysiwyg html editor: http://cutesoft.net/ASP
    asp.net Image Gallery: http://cutesoft.net/ASP.NET+Image+Gallery/default.aspx
    Live Support: http://cutesoft.net/live-support/default.aspx

  •  02-01-2005, 4:01 AM 3833 in reply to 3811

    Re: Text Wrap in editor area

    Adam,

    I modified the TD tag as you've suggested.
    But problem remains.

    Because it it concerns a nested table, I also removed the all other classes/formatting from the concerned TD tags, TABLE & TR tags where not modified, meaning no format was added.
    Result > problem remains.

    I also tried the DIV tag, but again.... problem remains.

    Any other suggections are welcome.

    Thanks for your effort in this.

    Greetings
    Wim

     
  •  02-01-2005, 9:21 AM 3838 in reply to 3833

    Re: Text Wrap in editor area

  •  02-02-2005, 6:05 AM 3873 in reply to 3838

    Re: Text Wrap in editor area

    Hello Adam,
     
    Sorry for the delay...
     
    Here is the code:
     
    --------------------------------------------------------------
     
    <!--#include file = "../../cuteeditor/include_CuteEditor.asp" -->
    <% PageTitle = "News Management Tool - Add Article" %>
    <!--#include file="../../includes/strings.asp" -->
    <!--#include file="../../includes/UnderMX.inc" -->
    <!--#include file="../../includes/functions.asp" -->
    <!--#include file="../../includes/OpenFso.inc" -->
    <!--#include file="../../Connections/YSKY002_News.asp" -->
    <%
    Dim NewsCategories
    Dim NewsCategories_numRows
    Set NewsCategories = Server.CreateObject("ADODB.Recordset")
    NewsCategories.ActiveConnection = MM_YSKY002_News_STRING
    NewsCategories.Source = "SELECT *  FROM Tbl_NewsCats  ORDER BY NewsCat_Value Asc"
    NewsCategories.CursorType = 0
    NewsCategories.CursorLocation = 2
    NewsCategories.LockType = 1
    NewsCategories.Open()
    NewsCategories_numRows = 0
    %>
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <!--#include file="../../includes/ISODate.asp" -->            
    <html>
    <head>
    <title><% = PageTitle %></title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <link href="../../includes/General.css" rel="stylesheet" type="text/css">
    <script language="JavaScript" src="../../includes/Scripts/ShowHideLayers.js"></script>
    <script language="JavaScript" type="text/JavaScript">
    <!--
    function MM_reloadPage(init) {  //reloads the window if Nav4 resized
      if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
        document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
      else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
    }
    MM_reloadPage(true);
    //-->
    </script>
    </head>
    <body>
    <table width="780" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="180" height="39"><img src="../../images/top_logo_dhl.gif" width="180" height="40"></td>
        <td align="right" valign="bottom"><!--#include file="../../includes/ysky002inc/topmenu.asp" --></td>
      </tr>
      <tr>
        <td height="1" colspan="2" class="BackgroundTD_White"><img src="../../images/spacer.gif" width="1" height="1"></td>
      </tr>
    </table>
    <table width="780" height="18" border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td width="5" class="BackgroundTD_PaleYellow2"><img src="../../images/spacer.gif" width="5" height="1"></td>
        <td class="BackgroundTD_PaleYellow2">
    <DIV class="Breadcrumb"><% =BreadcrumbLink1%> | <% =Breadcrumb3%></DIV></td>
        <td width="5" class="BackgroundTD_PaleYellow2"><img src="../../images/spacer.gif" width="5" height="21"></td>
        <td width="1" class="BackgroundTD_White"><img src="../../images/spacer.gif" width="1" height="1"></td>
      </tr>
      <tr>
        <td height="1" colspan="4" class="BackgroundTD_White"><img src="../../images/spacer.gif" width="1" height="1"></td>
      </tr>
    </table>
    <table width="780" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="179" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td><img src="../../images/spacer.gif" width="1" height="33"></td>
            </tr>
          </table>
          <!--#include file="../../includes/ysky002inc/sidemenu-1.asp" -->
        </td>
        <td width="1" class="BackgroundTD_White"><img src="../../images/spacer.gif" width="1" height="1"></td>
        <td height="380" class="TDContent"><table width="100%" height="33" border="0" cellpadding="0" cellspacing="0" bgcolor="#CC0000">
            <tr>
              <td><font color="#FFFFFF" size="4" face="Arial, Helvetica, sans-serif"><strong>&nbsp;&nbsp;Administrative
                Website - News Management Tool</strong></font></td>
            </tr>
          </table>
          <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td class="TDContentData"><form action="NM-ADD-2.asp" method="post" name="NMAdd" id="NMAdd">
                  <span class="TEXT_12px"><strong>News Management - Add News Item/Article:</strong></span><strong><br>
                  &nbsp;&nbsp;<br>
                  STEP 1 </strong>- Complete the form below to add a new News Item/Article
                  to the DHL Air Extranet. When done clisk the 'Continue' button at
                  the bottom of the page. <br>
                  &nbsp;&nbsp;
                  <table width="100%" border="0" cellpadding="5" cellspacing="1" bgcolor="#666666">
                    <tr>
                      <td bgcolor="#FFF5CC"><span class="TEXT_11px">&nbsp;Main News/Article
                        Title:</span> <input name="NewsTitle" type="text" style="padding-top: 2px; padding-left: 2px; font-weight: bold; width: 100%; Height: 20px; border: 1px #CCC4A3 solid; font-size: 11px;" value="<%If Session("NewsTitle") <> "" then Response.Write(Session("NewsTitle")) end if%>">
                        <table width="100%" border="0" cellpadding="0" cellspacing="0">
                          <tr>
                            <td><span class="TEXT_11px">&nbsp;Select Category</span>
                            </td>
                            <td width="15" rowspan="2"><img src="../../images/spacer.gif" width="15" height="8"></td>
                            <td width="75" class="TEXT_11px">Publish&nbsp;Date</td>
                            <td width="15" rowspan="2" class="TEXT_11px"><img src="../../images/spacer.gif" width="15" height="8"></td>
                            <td width="75" class="TEXT_11px">Publish&nbsp;Time</td>
                            <td width="15" rowspan="2"><img src="../../images/spacer.gif" width="15" height="8"></td>
                            <td width="75" class="TEXT_11px">Expiry Date</td>
                          </tr>
                          <tr>
                            <td><select name="Category" id="Category" style="width: 100%; Height: 20px; border: 1px #CCC4A3 solid; font-size: 11px;">
                                <option value="" <%If (Not isNull(Session("Category"))) Then If ("" = CStr(Session("Category"))) Then Response.Write("SELECTED") : Response.Write("")%>>Select
                                ...</option>
                                <%
    While (NOT NewsCategories.EOF)
    %>
                                <option value="<%=(NewsCategories.Fields.Item("NewsCat_Value").Value)%>" <%If (Not isNull(Session("Category"))) Then If (CStr(NewsCategories.Fields.Item("NewsCat_Value").Value) = CStr(Session("Category"))) Then Response.Write("SELECTED") : Response.Write("")%> ><%=(NewsCategories.Fields.Item("NewsCat_Label").Value)%></option>
                                <%
      NewsCategories.MoveNext()
    Wend
    If (NewsCategories.CursorType > 0) Then
      NewsCategories.MoveFirst
    Else
      NewsCategories.Requery
    End If
    %>
                              </select></td>
                            <td><input name="PubDate" type="text" id="PubDate" style="padding-top: 2px; padding-left: 2px; width: 100%; Height: 20px; border: 1px #CCC4A3 solid; font-size: 11px;" value="<%If Session("PubDate") <> "" Then Response.Write(Session("PubDate")) else Response.Write(MTDateTime((Date()), False, False, False, 3)) End if %>"></td>
                            <td><input name="PubTime" type="text" id="PubTime" style="padding-top: 2px; padding-left: 2px; width: 100%; Height: 20px; border: 1px #CCC4A3 solid; font-size: 11px;" value="<%If Session("PubTime") <> "" Then Response.Write(Session("PubTime")) else Response.Write(FormatDateTime(Time(),4)) end if%>"></td>
                            <td><input name="ExpDate" type="text" id="ExpDate" style="padding-top: 2px; padding-left: 2px; width: 100%; Height: 20px; border: 1px #CCC4A3 solid; font-size: 11px;" value="<%If Session("ExpDate") <> "" Then Response.Write(Session("ExpDate")) else Response.Write(MTDateTime((Date()+30), False, False, False, 3)) End if%>"></td>
                          </tr>
                        </table></td>
                    </tr>
                  </table>
                  <table width="100%" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td height="5"><img src="../../images/spacer.gif" width="1" height="5"></td>
                    </tr>
                  </table>
                  <table width="100%" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td height="5" class="TEXT_11px">&nbsp;Contents Editor:
                        <%
           dim content
         If Session("ContentResult") <> "" then
          Content = Session("ContentResult")
          Else
          content = "<p>Type here...</p>"
         End If
                 
         Dim editor
         Set editor = New CuteEditor  'Create a new editor class object         
           
         'Set the ID of this editor class
         editor.ID = "Editor1"  
         'Set the initial HTML value of editor control
         editor.Text = content
         editor.FilesPath = "/Cuteeditor/CuteEditor_Files"
         'Specifies the URL path of the Image Gallery. default "Uploads"
         editor.ImageGalleryPath = "/Cuteeditor/Uploads"
                  
         'Specifies the URL path of the  Downloadable Files. default "Uploads"
         editor.DocumentPath= "/Cuteeditor/Uploads"         
         editor.MaxImageSize = 50
         editor.MaxMediaSize = 20000
         'Specifies the URL path of the Help button.
         editor.HelpUrl = "http://yahoo.com"
              
         editor.AutoConfigure = "yskydhlairnews"
         editor.FontFacesList = "Arial"
         editor.FontSizesList = "1,2,3,4,5,7"                                             
         
         'editor.Template= "Bold,Italic,Underline"
         'editor.StyleSheetPath = "/grey2.css"
         editor.Width = 574
         editor.Height = 200
         editor.Draw()
              
         'Response.Write "<br>"
         'Retrieve the data from editor: Request.Form("Editor1_HTMLContent")
      
         %>
                      </td>
                    </tr>
                  </table>
                  <table width="100%" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td height="5" colspan="2"><img src="../../images/spacer.gif" width="1" height="5"></td>
                    </tr>
                    <tr>
                      <td><a href="NM-Main.asp"><img src="../../images/Button-Cancel.gif" alt="Cancel action!" width="71" height="19" border="0"></a>
                      </td>
                      <td align="right"> <input name="Continue" type="image" onfocus="save(Editor1);" onClick="save(Editor1);" src="../../images/Button-Continue.gif" alt="Continue to step 2!"></td>
                    </tr>
                  </table>
                  <%'<input type="submit" value="Update"  ID="Submit1" NAME="Submit1" onfocus="save(Editor1);">%>
         </form>
                </td>
            </tr>
          </table>
         
        </td>
      </tr>
    </table>
    <table width="780" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td height="1" colspan="4" class="BackgroundTD_White"><img src="../../images/spacer.gif" width="1" height="1"></td>
      </tr>
      <tr>
        <td width="179" class="BackgroundTD_PaleYellow2">&nbsp;</td>
        <td width="1" class="BackgroundTD_White"><img src="../../images/spacer.gif" width="1" height="1"></td>
        <td align="right" class="BackgroundTD_PaleYellow2"><!--#include file="../../includes/LastMod.asp" --></td>
        <td width="5" class="BackgroundTD_PaleYellow2" style="border-right: 1px #FFFFFF solid"><img src="../../images/spacer.gif" width="5" height="21"></td>
      </tr>
      <tr>
        <td colspan="4" class="BackgroundTD_White"><img src="../../images/spacer.gif" width="1" height="1"></td>
      </tr>
    </table>
    </body>
    </html>
    <%
    NewsCategories.Close()
    Set NewsCategories = Nothing
    %>
    <!--#include file="../../includes/CloseFso.inc" -->
  •  02-02-2005, 8:38 PM 3894 in reply to 3873

    Re: Text Wrap in editor area

     
    The code looks ok to me. Can you post your style sheet (General.css) as well?
     

    asp.net Chat http://cutesoft.net/ASP.NET+Chat/default.aspx
    Web Messenger: http://cutesoft.net/Web-Messenger/default.aspx
    asp.net wysiwyg editor: http://cutesoft.net/ASP.NET+WYSIWYG+Editor/default.aspx
    asp wysiwyg html editor: http://cutesoft.net/ASP
    asp.net Image Gallery: http://cutesoft.net/ASP.NET+Image+Gallery/default.aspx
    Live Support: http://cutesoft.net/live-support/default.aspx

  •  02-03-2005, 8:26 AM 3897 in reply to 3894

    Re: Text Wrap in editor area

    Here it is ...
    the code of the General.css

    Greetz
    Wim
     
    -----------------------------------
     
    /* CSS Document */
    body {
     font-family: Arial, Helvetica, sans-serif;
     font-size: 11px;
     color: #000000;
     background-color: #FFCC00;
     margin-top: 0px;
     margin-right: 0px;
     margin-bottom: 0px;
       margin-left: 0px;
     overflow: auto;
     scrollbar-track-color: #FFCC00;
     SCROLLBAR-FACE-COLOR: #FFCC00;
     SCROLLBAR-HIGHLIGHT-COLOR: #FFCC00;
     SCROLLBAR-SHADOW-COLOR: #FFFFFF;
     SCROLLBAR-3DLIGHT-COLOR: #FFFFFF;
     SCROLLBAR-ARROW-COLOR:  #CC0000;
     SCROLLBAR-DARKSHADOW-COLOR: #FFE88A;
    }
    p { margin-top:0px; margin-bottom:10px }
    a {text-decoration: none; font-weight: bold;}
    a:link {color: #000000; }
    a:hover {text-decoration: underline ;}
    a:visited {color: #000000; }
    a:active {color: #000000; }
    #item1 {
     left:429px;
     POSITION: absolute;
     TOP: 40;
     z-index:3;
     VISIBILITY: hidden;
     width: 149;
    }
    #item2 {
     left:530px;
     POSITION: absolute;
     TOP: 40;
     z-index:3;
     VISIBILITY: hidden;
     width: 149;
    }
    #item3 { left:530px; POSITION: absolute; TOP: 40; width:250px; z-index:3;  VISIBILITY: hidden }
    .Breadcrumb {
     font-family: Arial, Helvetica, sans-serif;
     font-size: 10px;
     color: #333333;
    }
    .LastMod {
     font-family: Arial, Helvetica, sans-serif;
     font-size: 9px;
     color: #333333;
    }
    .TDContent{
     Background-color: #FFFFFF;
     Height: 380px;
     Vertical-Align: top;
    }
    .TDContentData{
     font-family: Arial, Helvetica, sans-serif;
     font-size: 11px;
     Vertical-Align: top;
     Padding: 8px;
    }
    .TEXT_11px{
     font-family: Arial, Helvetica, sans-serif;
     font-size: 11px;
    }
    .TEXT_10px_666666{
     font-family: Arial, Helvetica, sans-serif;
     color: #666666;
     font-size: 11px;
    }
    .NEWS_DateCategory{
     font-family: Arial, Helvetica, sans-serif;
     color: #666666;
     font-size: 11px;
     Padding-Top: 2px;
    }
    .NEWS_DateCategoryDetailed{
     font-family: Arial, Helvetica, sans-serif;
     font-size: 11px;
     Padding-Top: 0px;
     Padding-Bottom: 5px;
    }
    .NEWS_TitleDetailed{
     font-family: Arial, Helvetica, sans-serif;
     font-size: 16px;
     Padding-Bottom: 10px;
    }
    .NEWS_ArticleDetailed{
     font-family: Arial, Helvetica, sans-serif;
     font-size: 11px;
     Padding-Left: 3px;
     Padding-Bottom: 0px;
    }
    .TEXT_12px{
     font-family: Arial, Helvetica, sans-serif;
     font-size: 12px;
    }
    /* LEFT-SIDE MENU ITEMS*/
    .MainLink {
     FONT-SIZE: 11px;
     FONT-FAMILY: arial,helvetica,sans-serif;
     FONT-WEIGHT: bold;
     BACKGROUND-COLOR: #FFDB4C;
     COLOR: #000000;
     TEXT-DECORATION: none;
     DISPLAY: block;
     WIDTH: 179px;
     HEIGHT: 21px;
     TEXT-ALIGN: left;
     vertical-align: middle;
     PADDING-RIGHT: 5px;
     PADDING-LEFT: 5px;
     PADDING-BOTTOM: 0px;
     PADDING-TOP: 3px;
     Border-BOTTOM: 1px #FFFFFF solid
     
    }
    .MainLink:link {
     COLOR: #000000;
    }
    .MainLink:hover {
     COLOR: #000000; BACKGROUND-COLOR: #e4e4e4; TEXT-DECORATION: none
    }
    .MainLink:visited {
     COLOR: #000000; TEXT-DECORATION: none
    }
    .MainNoLink {
     FONT-SIZE: 11px;
     FONT-FAMILY: arial,helvetica,sans-serif;
     FONT-WEIGHT: bold;
     BACKGROUND-COLOR: #FFF5CC;
     COLOR: #000000;
     TEXT-DECORATION: none;
     DISPLAY: block;
     WIDTH: 179px;
     HEIGHT: 21px;
     TEXT-ALIGN: left;
     vertical-align: middle;
     PADDING-RIGHT: 5px;
     PADDING-LEFT: 5px;
     PADDING-BOTTOM: 0px;
     PADDING-TOP: 3px;
     Border-BOTTOM: 1px #FFFFFF solid
     
    }
    .SUBLink {
     FONT-SIZE: 11px;
     FONT-FAMILY: arial,helvetica,sans-serif;
     FONT-WEIGHT: normal;
     COLOR: #000000;
     TEXT-DECORATION: none;
     DISPLAY: block;
     WIDTH: 179px;
     HEIGHT: 21px;
     TEXT-ALIGN: left;
     vertical-align: middle;
     PADDING-RIGHT: 5px;
     PADDING-LEFT: 15px;
     PADDING-BOTTOM: 0px;
     PADDING-TOP: 3px;
    }
    .SUBLink:link {
     COLOR: #000000;
    }
    .SUBLink:hover {
     COLOR: #000000; BACKGROUND-COLOR: #FFDB4C; TEXT-DECORATION: none
    }
    .SUBLink:visited {
     COLOR: #000000; TEXT-DECORATION: none
    }
    .SUBNOLink {
     FONT-SIZE: 11px;
     FONT-FAMILY: arial,helvetica,sans-serif;
     FONT-WEIGHT: bold;
     COLOR: #000000;
     BACKGROUND-COLOR: #FFE88A;
     TEXT-DECORATION: none;
     DISPLAY: block;
     WIDTH: 179px;
     HEIGHT: 21px;
     TEXT-ALIGN: left;
     vertical-align: middle;
     PADDING-RIGHT: 5px;
     PADDING-LEFT: 15px;
     PADDING-BOTTOM: 0px;
     PADDING-TOP: 3px;
    }
     
    /* TOP MENU CLASSES */
    .LoggOffKill {
     FONT-SIZE: 11px;
     FONT-FAMILY: arial,helvetica,sans-serif;
     FONT-WEIGHT: normal;
     COLOR: #000000;
     BACKGROUND-COLOR: #E4E4E4;
     TEXT-ALIGN: Right;
     Border-Right: 1px #FFFFFF solid;
     Border-left: 1px #FFFFFF solid;
     Border-top: 1px #FFFFFF solid;
     PADDING-RIGHT: 5px;
     PADDING-LEFT: 0px;
     PADDING-BOTTOM: 0px;
     PADDING-TOP: 2px;
     
    }
    .LoggOff {
     FONT-SIZE: 11px;
     FONT-FAMILY: arial,helvetica,sans-serif;
     FONT-WEIGHT: normal;
     BACKGROUND-COLOR: #CC0000;
     TEXT-DECORATION: none;
     DISPLAY: block;
     WIDTH: 100px;
     HEIGHT: 18px;
     TEXT-ALIGN: Right;
     PADDING-RIGHT: 5px;
     PADDING-LEFT: 0px;
     PADDING-BOTTOM: 0px;
     PADDING-TOP: 2px;
     
    }
    .LoggOff:link {
     COLOR: #FFFFFF;
    }
    .LoggOff:hover {
     COLOR: #000000 !important;
     BACKGROUND-COLOR: #FFDB4C;
     TEXT-DECORATION: none
    }
    .LoggOff:visited {
     COLOR: #FFFFFF; TEXT-DECORATION: none
    }
    .TopMenuItem {
     FONT-SIZE: 11px;
     FONT-FAMILY: arial,helvetica,sans-serif;
     FONT-WEIGHT: normal;
     COLOR: #000000;
     TEXT-DECORATION: none;
     DISPLAY: block;
     WIDTH: 100px;
     HEIGHT: 18px;
     TEXT-ALIGN: Right;
     PADDING-RIGHT: 5px;
     PADDING-LEFT: 0px;
     PADDING-BOTTOM: 0px;
     PADDING-TOP: 2px;
     
    }
    .TDItem3 {
     FONT-SIZE: 11px;
     FONT-FAMILY: arial,helvetica,sans-serif;
     FONT-WEIGHT: normal;
     COLOR: #000000; BACKGROUND-COLOR: #FFDB4C;
     TEXT-DECORATION: none;
     DISPLAY: block;
     WIDTH: 100px;
     HEIGHT: 18px;
     TEXT-ALIGN: Right;
     PADDING-RIGHT: 5px;
     PADDING-LEFT: 0px;
     PADDING-BOTTOM: 0px;
     PADDING-TOP: 2px;
     
    }
    .TopMenuItem:link {
     COLOR: #000000;
    }
    .TopMenuItem:hover {
     COLOR: #000000; BACKGROUND-COLOR: #FFDB4C; TEXT-DECORATION: none
    }
    .TopMenuItem:visited {
     COLOR: #000000; TEXT-DECORATION: none
    }
    .TopSUB_MenuItem3 {
     FONT-SIZE: 11px;
     FONT-FAMILY: arial,helvetica,sans-serif;
     FONT-WEIGHT: normal;
     COLOR: #000000;
     BACKGROUND-COLOR: #E4E4E4;
     TEXT-DECORATION: none;
     DISPLAY: block;
     WIDTH: 248px;
     HEIGHT: 21px;
     TEXT-ALIGN: Right;
     PADDING-RIGHT: 5px;
     PADDING-LEFT: 0px;
     PADDING-BOTTOM: 0px;
     PADDING-TOP: 2px;
     
    }
    .TopSUB_MenuItem3:link {
     COLOR: #000000;
    }
    .TopSUB_MenuItem3:hover {
     COLOR: #000000; BACKGROUND-COLOR: #FFDB4C; TEXT-DECORATION: none
    }
    .TopSUB_MenuItem3:visited {
     COLOR: #000000; TEXT-DECORATION: none
    }
     
    .TopSUB_MenuItem {
     FONT-SIZE: 11px;
     FONT-FAMILY: arial,helvetica,sans-serif;
     FONT-WEIGHT: normal;
     COLOR: #000000;
     BACKGROUND-COLOR: #FFCC00;
     TEXT-DECORATION: none;
     DISPLAY: block;
     WIDTH: 147px;
     HEIGHT: 21px;
     TEXT-ALIGN: Right;
     PADDING-RIGHT: 5px;
     PADDING-LEFT: 0px;
     PADDING-BOTTOM: 0px;
     PADDING-TOP: 3px;
     
    }
    .TopSUB_MenuItem:link {
     COLOR: #000000;
    }
    .TopSUB_MenuItem:hover {
     COLOR: #000000; BACKGROUND-COLOR: #FFDB4C; TEXT-DECORATION: none
    }
    .TopSUB_MenuItem:visited {
     COLOR: #000000; TEXT-DECORATION: none
    }
     
    .RightMenuLink {
     FONT-SIZE: 11px;
     FONT-FAMILY: arial,helvetica,sans-serif;
     FONT-WEIGHT: normal;
     Background-Color: #FFF5CC;
     COLOR: #000000;
     TEXT-DECORATION: none;
     DISPLAY: block;
     WIDTH: 100%;
     HEIGHT: 21px;
     TEXT-ALIGN: Left;
     vertical-align: middle;
     PADDING-RIGHT: 5px;
     PADDING-LEFT: 5px;
     PADDING-BOTTOM: 0px;
     PADDING-TOP: 3px;
    }
    .RightMenuLink:link {
     COLOR: #000000;
    }
    .RightMenuLink:hover {
     COLOR: #000000; BACKGROUND-COLOR: #CCC4A3; TEXT-DECORATION: none
    }
    .RightMenuLink:visited {
     COLOR: #000000; TEXT-DECORATION: none
    }

    .EditLinks {
     FONT-SIZE: 11px;
     FONT-FAMILY: arial,helvetica,sans-serif;
     FONT-WEIGHT: normal;
     COLOR: #CC0000 !important;
     TEXT-DECORATION: none;
    }
    .EditLinks:link {
     COLOR: #CC0000 !important; TEXT-DECORATION: none
    }
    .EditLinks:hover {
     COLOR: #CC0000 !important; TEXT-DECORATION: underline
    }

    /* BACKGROUNDS */
    .BackgroundTD_White {
     background-color: #FFFFFF;
    }
    .BackgroundTD_DarkYellow {
     background-color: #CCC4A3;
     }
    .BackgroundTD_PaleYellow {
     background-color: #FFE88A;
    }
    .BackgroundTD_PaleYellow2 {
     background-color: #FFDB4C;
    }
    .BackgroundTD_PaleYellow3 {
     background-color: #FFF5CC;
    }
    .BackgroundTD_PaleYellow4 {
     background-color: #FFFAE5;
    }

    .buttonMore {
     font: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal !important; LINE-HEIGHT: 8px; BACKGROUND-COLOR: #FFCC00
    }
    .buttonMore:hover {
     PADDING-RIGHT: 2px; PADDING-LEFT: 1px; BORDER-LEFT-COLOR: black; BORDER-BOTTOM-COLOR: #fff; PADDING-BOTTOM: 1px; BORDER-TOP-COLOR: black; PADDING-TOP: 0px; TEXT-DECORATION: none; BORDER-RIGHT-COLOR: #fff
    }
    .buttonMore:link {font-weight: normal !important}
    .buttonMore {
     BORDER-RIGHT: black 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #fff 1px solid; DISPLAY: block; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; BORDER-LEFT: #fff 1px solid; WIDTH: 42px; PADDING-TOP: 0px; BORDER-BOTTOM: black 1px solid; HEIGHT: 14px; voice-family: inherit
    }
  •  02-09-2005, 8:35 AM 4002 in reply to 3897

    Re: Text Wrap in editor area

    Hello Adam,
     
    Any news on this???
    I still encouter weird things in the editor, and deadline of publishing it is coming closer....
     
    Please help.
     
    Thanks for your cooperation!
     
    Greetings,
    Wim
  •  02-09-2005, 2:50 PM 4015 in reply to 4002

    Re: Text Wrap in editor area

    Wim,
     
    Your code looks good to me.
     
    I know this problem is caused by the impact of your style sheets or your other include pages.  But I am not able to figure it out.
     
    Somewhere in your page enforce the Text wrap in the editor textarea.

    asp.net Chat http://cutesoft.net/ASP.NET+Chat/default.aspx
    Web Messenger: http://cutesoft.net/Web-Messenger/default.aspx
    asp.net wysiwyg editor: http://cutesoft.net/ASP.NET+WYSIWYG+Editor/default.aspx
    asp wysiwyg html editor: http://cutesoft.net/ASP
    asp.net Image Gallery: http://cutesoft.net/ASP.NET+Image+Gallery/default.aspx
    Live Support: http://cutesoft.net/live-support/default.aspx

  •  02-15-2005, 6:38 AM 4109 in reply to 4015

    Re: Text Wrap in editor area

    Hello Adam,
     
    I think I have soved the issue... well ... I may have an idea.
    In reference to your latest reply, I started all over again to see where I went wrong.
    And by that I used a fresh copy of "include_CuteEditor.asp"

    (I think I forgot to mention this)
    In the previous file I added 2 extra Toolbar Layout in the "Private Sub Toolbars_Initialize()"
    This was the only code i have added:

        Case "yskydhlairnews":
             ToolbarLayout = "Cut,Copy,Paste,PasteText,PasteWord,Separator,Delete,Undo,Redo,Separator,Char,Separator,
                           ImageGallery,DownloadableFiles,Seperator,InsertTable,AddRow,DeleteRow,AddColumn,DeleteColumn,Separator,
                           AddCell,DeleteCell,MergeCell,SplitCell,Separator,EditRow,EditCell,sperator,Help,break,Bold,Italic,Underline,
                           Separator,FontColor,HighLight,Separator,G_Start,InsertOrderedList,InsertUnorderedList,Separator,Indent,
                           Outdent,G_End,Seperator,JustifyLeft,JustifyCenter,JustifyRight,JustifyFull,JustifyNone,Separator,Subscript,
                           Superscript,Strikethrough,Separator,InsertTime,InsertDate,Separator,Hr,Link,UnLink,G_Start,fontDropDown,
                           sizeDropDown,paragraphDropDown,Separator,RemoveFormat,SelectAll,SelectNone,CleanupCode,seperator"

        Case "newsdhlairtextpreview":
             ToolbarLayout = "Bold,Italic,Underline,Separator,JustifyLeft,JustifyCenter,JustifyRight,seperator,Help"



    I thought it would not harm the actual code, but apperently after adding this code to the include_CuteEditor file, the problem returned. I removed it again .... and textwrap issue dissappeared.

    The second time I created an extra toolbar layout, i used the example given from the help file.... and this worked just fine


        Case "dhkaddnews":
             ToolbarLayout = "Cut,Copy,Paste,PasteText,PasteWord,Delete,Separator,Undo,Redo,Separator,G_Start,Char,G_End,
                                      G_Start,Separator,ImageGallery,DownloadableFiles,Separator,G_End,
                                      G_Start,InsertTable,AddRow,DeleteRow,AddColumn,DeleteColumn,Separator,
                                      AddCell,DeleteCell,MergeCell,SplitCell,Separator,EditRow,EditCell,G_End,Separator,Help,
                                      G_Start,FontColor,HighLight,Separator,Bold,Italic,Underline,G_End,
                                      G_Start,Separator,JustifyLeft,JustifyCenter,JustifyRight,JustifyFull,JustifyNone,G_End,
                                      G_Start,Separator,InsertOrderedList,InsertUnorderedList,Separator,Indent,Outdent,Separator,G_End,
                                      G_Start,Subscript,Superscript,Strikethrough,Separator,InsertTime,InsertDate,Separator,
                                      Hr,Link,UnLink,Separator,G_End,
                                      paragraphDropDown,fontDropDown,sizeDropDown,Separator,G_End,
                                      G_Start,RemoveFormat,SelectAll,SelectNone,CleanupCode,G_End"

     
    This part of the code didn't gave any problems with the textwrap...
     
    Maybe this is something to put onto the testbench!!
     
    Any, thanks for your help.
    Talk to later!
     
    Greetings
    Wim
  •  04-06-2005, 3:32 AM 5358 in reply to 4109

    Re: Text Wrap in editor area

    Hi.
     
    G_End
     
    is missing as the last item in the Toolbarlayout string.

    this fixed it for me. 

    sometimes when u develop a product the easy fixes are the hardest to spot.
     
View as RSS news feed in XML