[CLOSED] background image position in HTMLeditor

Page 1 of 2 12 LastLast
  1. #1

    [CLOSED] background image position in HTMLeditor

    I tried to set background image in html editor, It is displayed... but not set the position. how to solve the problem.

    
    
    
    <%@ Page Language="C#" AutoEventWireup="true" CodeFile="FrmGeneralinfo_001.aspx.cs" Inherits="FrmGeneralinfo_001" %>
    <%@ Register Assembly="Coolite.Ext.Web" Namespace="Coolite.Ext.Web" TagPrefix="ext" %><!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 id="Head1" runat="server">
    <title>Untitled Page</title>
    <head>
    
    
    
    <style>
    
    
    
    .hide-toolbar .x-html-editor-tb{
    display: none !important;
    }
    .edit-form
    {
    background:url("../images/slate/tabs/txt-bg.png") no-repeat;
    background-position:top left;
    border:1px solid #888888;
    }
    </style>
    </head>
    <body>
    <table border="0" cellpadding="0" cellspacing="0" width="100%">
    <tr>
    
    
    <td><ext:Panel ID="Pnl3" runat="server" Border="false" Width="212">
    
    
    <Body><ext:AnchorLayout ID="AnchorLayout1" runat="server">
    <ext:Anchor Vertical="100%">
    <ext:HtmlEditor ID="txt_descrtiption" runat="server" CtCls="hide-toolbar" FieldClass="edit-form" Height="70" >
    <CustomConfig>
    <ext:ConfigItem Name="width" Value="100%" Mode="Value" />
    </CustomConfig>
    </ext:HtmlEditor>
    </ext:Anchor>
    </ext:AnchorLayout>
    </Body>
    </ext:Panel></td></tr></table>
    </body>
    </html>
  2. #2

    RE: [CLOSED] background image position in HTMLeditor

    Hi,

    For me the image is applied in the top left corner
    Please provide the sample which reproduces the issue (you can create test project with all required images but do not attach any assemblies).
  3. #3

    RE: [CLOSED] background image position in HTMLeditor

    Pls find attached sample source code.

    The image should be display top right corner.
  4. #4

    RE: [CLOSED] background image position in HTMLeditor

    Hi,

    Please add the following listener to the HtmlEditor
    <Initialize Handler="Ext.DomHelper.applyStyles(this.getEditorBody(), {'background-position' : 'top right'});" />
  5. #5

    RE: [CLOSED] background image position in HTMLeditor

    Thanks It's working fine....


    Can you give me the solution for same problem in Gridview Header column.

    I need to the same image should be top right corner in Gridview Header column.

    Which i specify the column header.

    
    
    
    <ext:Column DataIndex="From" Fixed="false" Header="Loaded From" Sortable="false" MenuDisabled="true" Resizable="false" Align="Left" Width="90" Css="edit-form">
    <Editor>
    <ext:NumberField ID="txt_from_carton" AllowDecimals="false" AllowNegative="false" StyleSpec="text-align:right;padding-right:3px;" Height="30px" runat="server">
    </ext:NumberField>
    </Editor>
    <Renderer Fn="ValidateFromCarton"/>
    </ext:Column>
    Pls find attached the image. Gridview header should be like this...

    Thanks in advance...
  6. #6

    RE: [CLOSED] background image position in HTMLeditor

    Hi,

    Set ColumnID for reqiuired column (for example, ColumnID="Company") and add the following css rule to the page
    .x-grid3-hd-Company {background: transparent url(txt-bg.png) no-repeat top right !important;}
  7. #7

    RE: [CLOSED] background image position in HTMLeditor

    Thanks.........!!!!!!!!

    It's working fine............:)
  8. #8

    RE: [CLOSED] background image position in HTMLeditor

    Hello If i use this style,the Grid data will be collapesed (The datas are moved to other columns).please refer the attachment.
  9. #9

    RE: [CLOSED] background image position in HTMLeditor

    Hi,

    Please post test sample which demonstrate that issue
  10. #10

    RE: [CLOSED] background image position in HTMLeditor


    This is the code i have used in my Grid Column.When i set the css property like Css="x-grid3-hd-Company" to 4th column of my grid(refer attachment),the 4th,5th and 6th column datas are showing in single column(its showing in 4th column now which one is titled like LF in attachment image).If i remove the Css property to that column then the datas are showing correctly.

    
    <ext:Column DataIndex="From" Fixed="false" Header="Loaded From" Sortable="false"
                                    MenuDisabled="true" Resizable="true" Align="Right" Width="50" ColumnID="Company"
                                    Css="x-grid3-hd-Company">
                                    <Editor>
                                        <ext:NumberField ID="txt_from_carton" AllowDecimals="false" AllowNegative="false"
                                            StyleSpec="text-align:right;padding-right:3px;" Height="30px" runat="server">
                                        </ext:NumberField>
                                    </Editor>
                                    <Renderer Fn="ValidateFromCarton" />
                                </ext:Column>
Page 1 of 2 12 LastLast

Similar Threads

  1. Background Image
    By ausai in forum 2.x Help
    Replies: 4
    Last Post: Jun 19, 2012, 12:41 PM
  2. [CLOSED] Changing the background color of htmleditor
    By SymSure in forum 1.x Legacy Premium Help
    Replies: 2
    Last Post: Jan 18, 2012, 5:41 PM
  3. stretch background image
    By maryam in forum 1.x Help
    Replies: 0
    Last Post: Nov 07, 2010, 4:31 AM
  4. [CLOSED] GridPanel background image
    By methode in forum 1.x Legacy Premium Help
    Replies: 2
    Last Post: Mar 02, 2009, 5:13 AM
  5. Change Tab background color or background image
    By georgelanes in forum 1.x Help
    Replies: 0
    Last Post: Nov 06, 2008, 3:55 PM

Posting Permissions