Loading ...
Sorry, an error occurred while loading the content.

Re: Rich Text Editor - ReadOnly

Expand Messages
  • Alexandre Boudreault-Ferland
    Hi Dav, the only way I can get close to this working is to have a transparent image as my background of the div... .yui-editor-container .yui-editor-masked {
    Message 1 of 7 , Apr 1, 2009
    • 0 Attachment
      Hi Dav,

      the only way I can get close to this working is to have a transparent image as my background of the div...

      .yui-editor-container .yui-editor-masked
      {
      BACKGROUND-COLOR:Transparent;
      background-image:url('../images/transparent.gif');
      filter: alpha(opacity='50');
      opacity: 0.5;
      }

      now I can see the text but can't edit it...

      Any other ideas to make the opacity work?

      Alex

      --- In ydn-javascript@yahoogroups.com, "Alexandre Boudreault-Ferland" <alexbf@...> wrote:
      >
      > Hey Dav,
      >
      > your solution works like a charm in FF, but not in IE
      >
      > .yui-editor-container .yui-editor-masked {
      > background-color: #FFFFFF;
      > filter: alpha(opacity=50);
      > opacity: 0.5;
      > }
      >
      > Any ideas?
      >
      > Alex
      >
      > --- In ydn-javascript@yahoogroups.com, Dav Glass <davglass@> wrote:
      > >
      > > Alex --
      > >
      > > When you disable the Editor it places a mask over it. You can style
      > > that mask any way you want:
      > >
      > > .yui-editor-container .yui-editor-masked {
      > > background-color: #FFFFFF;
      > > opacity: 0;
      > > }
      > >
      > > That should make the mask clear so you can fully see the content.. (of
      > > course you need to add the filter for IE)
      > >
      > > Does that help?
      > > Dav
      > >
      > > --
      > > Dav Glass
      > > davglass@
      > > blog.davglass.com
      > >
      > >
      > > + Windows: n. - The most successful computer virus, ever. +
      > > + A computer without a Microsoft operating system is like a dog
      > > without bricks tied to its head +
      > > + A Microsoft Certified Systems Engineer is to computing what a
      > > McDonalds Certified Food Specialist is to fine cuisine +
      > >
      > >
      > >
      > > On Tue, Mar 31, 2009 at 8:09 AM, Alexandre Boudreault-Ferland
      > > <alexbf@> wrote:
      > > > Hello,
      > > >
      > > > Is it possible to have the Rich Text Editor readonly?
      > > >
      > > > I can disable it but the text disapears as soon as I set the disabled
      > > > property to true.
      > > >
      > > > I would like to prevent the user from modifying the text but be able to see
      > > > it. (Readonly)
      > > >
      > > > How can I do that?
      > > >
      > > > Thanks
      > > > Alex
      > > >
      > > >
      > >
      >
    • Dav Glass
      This the syntax that I use that works: filter: alpha(opacity=50); -- Dav Glass davglass@gmail.com blog.davglass.com + Windows: n. - The most successful
      Message 2 of 7 , Apr 1, 2009
      • 0 Attachment
        This the syntax that I use that works:
        filter: alpha(opacity=50);

        --
        Dav Glass
        davglass@...
        blog.davglass.com


        + Windows: n. - The most successful computer virus, ever. +
        + A computer without a Microsoft operating system is like a dog
        without bricks tied to its head +
        + A Microsoft Certified Systems Engineer is to computing what a
        McDonalds Certified Food Specialist is to fine cuisine +



        On Wed, Apr 1, 2009 at 12:27 PM, Alexandre Boudreault-Ferland
        <alexbf@...> wrote:
        > Hi Dav,
        >
        > the only way I can get close to this working is to have a transparent image
        > as my background of the div...
        >
        > .yui-editor-container .yui-editor-masked
        > {
        > BACKGROUND-COLOR:Transparent;
        > background-image:url('../images/transparent.gif');
        > filter: alpha(opacity='50');
        > opacity: 0.5;
        > }
        >
        > now I can see the text but can't edit it...
        >
        > Any other ideas to make the opacity work?
        >
        > Alex
        >
        > --- In ydn-javascript@yahoogroups.com, "Alexandre Boudreault-Ferland"
        > <alexbf@...> wrote:
        >>
        >> Hey Dav,
        >>
        >> your solution works like a charm in FF, but not in IE
        >>
        >> .yui-editor-container .yui-editor-masked {
        >> background-color: #FFFFFF;
        >> filter: alpha(opacity=50);
        >> opacity: 0.5;
        >> }
        >>
        >> Any ideas?
        >>
        >> Alex
        >>
        >> --- In ydn-javascript@yahoogroups.com, Dav Glass <davglass@> wrote:
        >> >
        >> > Alex --
        >> >
        >> > When you disable the Editor it places a mask over it. You can style
        >> > that mask any way you want:
        >> >
        >> > .yui-editor-container .yui-editor-masked {
        >> > background-color: #FFFFFF;
        >> > opacity: 0;
        >> > }
        >> >
        >> > That should make the mask clear so you can fully see the content.. (of
        >> > course you need to add the filter for IE)
        >> >
        >> > Does that help?
        >> > Dav
        >> >
        >> > --
        >> > Dav Glass
        >> > davglass@
        >> > blog.davglass.com
        >> >
        >> >
        >> > + Windows: n. - The most successful computer virus, ever. +
        >> > + A computer without a Microsoft operating system is like a dog
        >> > without bricks tied to its head +
        >> > + A Microsoft Certified Systems Engineer is to computing what a
        >> > McDonalds Certified Food Specialist is to fine cuisine +
        >> >
        >> >
        >> >
        >> > On Tue, Mar 31, 2009 at 8:09 AM, Alexandre Boudreault-Ferland
        >> > <alexbf@> wrote:
        >> > > Hello,
        >> > >
        >> > > Is it possible to have the Rich Text Editor readonly?
        >> > >
        >> > > I can disable it but the text disapears as soon as I set the disabled
        >> > > property to true.
        >> > >
        >> > > I would like to prevent the user from modifying the text but be able
        >> > > to see
        >> > > it. (Readonly)
        >> > >
        >> > > How can I do that?
        >> > >
        >> > > Thanks
        >> > > Alex
        >> > >
        >> > >
        >> >
        >>
        >
        >
      • Alexandre Boudreault-Ferland
        yeah I tried that also but it doesn t work. :(
        Message 3 of 7 , Apr 1, 2009
        • 0 Attachment
          yeah I tried that also but it doesn't work. :(

          --- In ydn-javascript@yahoogroups.com, Dav Glass <davglass@...> wrote:
          >
          > This the syntax that I use that works:
          > filter: alpha(opacity=50);
          >
          > --
          > Dav Glass
          > davglass@...
          > blog.davglass.com
          >
          >
          > + Windows: n. - The most successful computer virus, ever. +
          > + A computer without a Microsoft operating system is like a dog
          > without bricks tied to its head +
          > + A Microsoft Certified Systems Engineer is to computing what a
          > McDonalds Certified Food Specialist is to fine cuisine +
          >
          >
          >
          > On Wed, Apr 1, 2009 at 12:27 PM, Alexandre Boudreault-Ferland
          > <alexbf@...> wrote:
          > > Hi Dav,
          > >
          > > the only way I can get close to this working is to have a transparent image
          > > as my background of the div...
          > >
          > > .yui-editor-container .yui-editor-masked
          > > {
          > > BACKGROUND-COLOR:Transparent;
          > > background-image:url('../images/transparent.gif');
          > > filter: alpha(opacity='50');
          > > opacity: 0.5;
          > > }
          > >
          > > now I can see the text but can't edit it...
          > >
          > > Any other ideas to make the opacity work?
          > >
          > > Alex
          > >
          > > --- In ydn-javascript@yahoogroups.com, "Alexandre Boudreault-Ferland"
          > > <alexbf@> wrote:
          > >>
          > >> Hey Dav,
          > >>
          > >> your solution works like a charm in FF, but not in IE
          > >>
          > >> .yui-editor-container .yui-editor-masked {
          > >> background-color: #FFFFFF;
          > >> filter: alpha(opacity=50);
          > >> opacity: 0.5;
          > >> }
          > >>
          > >> Any ideas?
          > >>
          > >> Alex
          > >>
          > >> --- In ydn-javascript@yahoogroups.com, Dav Glass <davglass@> wrote:
          > >> >
          > >> > Alex --
          > >> >
          > >> > When you disable the Editor it places a mask over it. You can style
          > >> > that mask any way you want:
          > >> >
          > >> > .yui-editor-container .yui-editor-masked {
          > >> > background-color: #FFFFFF;
          > >> > opacity: 0;
          > >> > }
          > >> >
          > >> > That should make the mask clear so you can fully see the content.. (of
          > >> > course you need to add the filter for IE)
          > >> >
          > >> > Does that help?
          > >> > Dav
          > >> >
          > >> > --
          > >> > Dav Glass
          > >> > davglass@
          > >> > blog.davglass.com
          > >> >
          > >> >
          > >> > + Windows: n. - The most successful computer virus, ever. +
          > >> > + A computer without a Microsoft operating system is like a dog
          > >> > without bricks tied to its head +
          > >> > + A Microsoft Certified Systems Engineer is to computing what a
          > >> > McDonalds Certified Food Specialist is to fine cuisine +
          > >> >
          > >> >
          > >> >
          > >> > On Tue, Mar 31, 2009 at 8:09 AM, Alexandre Boudreault-Ferland
          > >> > <alexbf@> wrote:
          > >> > > Hello,
          > >> > >
          > >> > > Is it possible to have the Rich Text Editor readonly?
          > >> > >
          > >> > > I can disable it but the text disapears as soon as I set the disabled
          > >> > > property to true.
          > >> > >
          > >> > > I would like to prevent the user from modifying the text but be able
          > >> > > to see
          > >> > > it. (Readonly)
          > >> > >
          > >> > > How can I do that?
          > >> > >
          > >> > > Thanks
          > >> > > Alex
          > >> > >
          > >> > >
          > >> >
          > >>
          > >
          > >
          >
        • Dav Glass
          Got a link? -- Dav Glass davglass@gmail.com blog.davglass.com + Windows: n. - The most successful computer virus, ever. + + A computer without a Microsoft
          Message 4 of 7 , Apr 1, 2009
          • 0 Attachment
            Got a link?

            --
            Dav Glass
            davglass@...
            blog.davglass.com


            + Windows: n. - The most successful computer virus, ever. +
            + A computer without a Microsoft operating system is like a dog
            without bricks tied to its head +
            + A Microsoft Certified Systems Engineer is to computing what a
            McDonalds Certified Food Specialist is to fine cuisine +



            On Wed, Apr 1, 2009 at 1:05 PM, Alexandre Boudreault-Ferland
            <alexbf@...> wrote:
            > yeah I tried that also but it doesn't work. :(
            >
            > --- In ydn-javascript@yahoogroups.com, Dav Glass <davglass@...> wrote:
            >>
            >> This the syntax that I use that works:
            >> filter: alpha(opacity=50);
            >>
            >> --
            >> Dav Glass
            >> davglass@...
            >> blog.davglass.com
            >>
            >>
            >> + Windows: n. - The most successful computer virus, ever. +
            >> + A computer without a Microsoft operating system is like a dog
            >> without bricks tied to its head +
            >> + A Microsoft Certified Systems Engineer is to computing what a
            >> McDonalds Certified Food Specialist is to fine cuisine +
            >>
            >>
            >>
            >> On Wed, Apr 1, 2009 at 12:27 PM, Alexandre Boudreault-Ferland
            >> <alexbf@...> wrote:
            >> > Hi Dav,
            >> >
            >> > the only way I can get close to this working is to have a transparent
            >> > image
            >> > as my background of the div...
            >> >
            >> > .yui-editor-container .yui-editor-masked
            >> > {
            >> > BACKGROUND-COLOR:Transparent;
            >> > background-image:url('../images/transparent.gif');
            >> > filter: alpha(opacity='50');
            >> > opacity: 0.5;
            >> > }
            >> >
            >> > now I can see the text but can't edit it...
            >> >
            >> > Any other ideas to make the opacity work?
            >> >
            >> > Alex
            >> >
            >> > --- In ydn-javascript@yahoogroups.com, "Alexandre Boudreault-Ferland"
            >> > <alexbf@> wrote:
            >> >>
            >> >> Hey Dav,
            >> >>
            >> >> your solution works like a charm in FF, but not in IE
            >> >>
            >> >> .yui-editor-container .yui-editor-masked {
            >> >> background-color: #FFFFFF;
            >> >> filter: alpha(opacity=50);
            >> >> opacity: 0.5;
            >> >> }
            >> >>
            >> >> Any ideas?
            >> >>
            >> >> Alex
            >> >>
            >> >> --- In ydn-javascript@yahoogroups.com, Dav Glass <davglass@> wrote:
            >> >> >
            >> >> > Alex --
            >> >> >
            >> >> > When you disable the Editor it places a mask over it. You can style
            >> >> > that mask any way you want:
            >> >> >
            >> >> > .yui-editor-container .yui-editor-masked {
            >> >> > background-color: #FFFFFF;
            >> >> > opacity: 0;
            >> >> > }
            >> >> >
            >> >> > That should make the mask clear so you can fully see the content..
            >> >> > (of
            >> >> > course you need to add the filter for IE)
            >> >> >
            >> >> > Does that help?
            >> >> > Dav
            >> >> >
            >> >> > --
            >> >> > Dav Glass
            >> >> > davglass@
            >> >> > blog.davglass.com
            >> >> >
            >> >> >
            >> >> > + Windows: n. - The most successful computer virus, ever. +
            >> >> > + A computer without a Microsoft operating system is like a dog
            >> >> > without bricks tied to its head +
            >> >> > + A Microsoft Certified Systems Engineer is to computing what a
            >> >> > McDonalds Certified Food Specialist is to fine cuisine +
            >> >> >
            >> >> >
            >> >> >
            >> >> > On Tue, Mar 31, 2009 at 8:09 AM, Alexandre Boudreault-Ferland
            >> >> > <alexbf@> wrote:
            >> >> > > Hello,
            >> >> > >
            >> >> > > Is it possible to have the Rich Text Editor readonly?
            >> >> > >
            >> >> > > I can disable it but the text disapears as soon as I set the
            >> >> > > disabled
            >> >> > > property to true.
            >> >> > >
            >> >> > > I would like to prevent the user from modifying the text but be
            >> >> > > able
            >> >> > > to see
            >> >> > > it. (Readonly)
            >> >> > >
            >> >> > > How can I do that?
            >> >> > >
            >> >> > > Thanks
            >> >> > > Alex
            >> >> > >
            >> >> > >
            >> >> >
            >> >>
            >> >
            >> >
            >>
            >
            >
          Your message has been successfully submitted and would be delivered to recipients shortly.