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

rte: change fontsize spin control to a select

Expand Messages
  • mettatest
    My fontsize spin control looks ugly next to my fontname standard html select. I would like to change the fontsize spin control to a standard html select. In
    Message 1 of 3 , Jul 30, 2008
    • 0 Attachment
      My fontsize spin control looks ugly next to my fontname standard html
      select. I would like to change the fontsize spin control to a
      standard html select.

      In the custom toolbar, I tried changing

      { type: 'spin', label: '13', value: 'fontsize', range: [ 9, 35 ],
      disabled: true }

      to

      { type: 'select', label: '13', value: 'fontsize', disabled: true,
      menu: [
      { text: 10 },
      { text: 13, checked: true },
      { text: 20 }
      ]
      }

      and also to

      { type: 'select', label: '13', value: 'fontsize', disabled: true,
      menu: [
      { text: '10' },
      { text: '13', checked: true },
      { text: '20' }
      ]
      }


      but the control now does not work (it does not change the font size,
      nor does it update when I change my selection).

      How can I accomplish this?
    • Dav Glass
      This example should help: http://blog.davglass.com/files/yui/editor40/ Dav Dav Glass dav.glass@yahoo.com blog.davglass.com + Windows: n. - The most successful
      Message 2 of 3 , Jul 30, 2008
      • 0 Attachment
        This example should help:
        http://blog.davglass.com/files/yui/editor40/

        Dav
         
        Dav Glass
        dav.glass@...
        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 +


        ----- Original Message ----
        From: mettatest <mettatest@...>
        To: ydn-javascript@yahoogroups.com
        Sent: Wednesday, July 30, 2008 1:36:45 PM
        Subject: [ydn-javascript] rte: change fontsize spin control to a select

        My fontsize spin control looks ugly next to my fontname standard html
        select.  I would like to change the fontsize spin control to a
        standard html select.

        In the custom toolbar, I tried changing

        { type: 'spin', label: '13', value: 'fontsize', range: [ 9, 35 ],
        disabled: true }

        to

        { type: 'select', label: '13', value: 'fontsize', disabled: true,
          menu: [
            { text: 10 },
            { text: 13, checked: true },
            { text: 20 }
          ]
        }

        and also to

        { type: 'select', label: '13', value: 'fontsize', disabled: true,
          menu: [
            { text: '10' },
            { text: '13', checked: true },
            { text: '20' }
          ]
        }


        but the control now does not work (it does not change the font size,
        nor does it update when I change my selection).

        How can I accomplish this?



        ------------------------------------

        Yahoo! Groups Links

        <*> To visit your group on the web, go to:
            http://groups.yahoo.com/group/ydn-javascript/

        <*> Your email settings:
            Individual Email | Traditional

        <*> To change settings online go to:
            http://groups.yahoo.com/group/ydn-javascript/join
            (Yahoo! ID required)

        <*> To change settings via email:
            mailto:ydn-javascript-digest@yahoogroups.com
            mailto:ydn-javascript-fullfeatured@yahoogroups.com

        <*> To unsubscribe from this group, send an email to:
            ydn-javascript-unsubscribe@yahoogroups.com

        <*> Your use of Yahoo! Groups is subject to:
            http://docs.yahoo.com/info/terms/

      • mettatest
        Thanks! The only change I made is that I set Normal to be the displayed default, like this: myEditor._defaultToolbar.buttons[0].buttons[1] = { type:
        Message 3 of 3 , Jul 30, 2008
        • 0 Attachment
          Thanks! The only change I made is that I set 'Normal' to be the
          displayed default, like this:

          myEditor._defaultToolbar.buttons[0].buttons[1] = {
          type: 'select', label: 'Normal', value: 'fontsize2',
          disabled: true,
          menu: [
          { text: 'X-Small' },
          { text: 'Small' },
          { text: 'Normal', checked: true },
          { text: 'Large' },
          { text: 'X-Large' }
          ]
          };


          --- In ydn-javascript@yahoogroups.com, Dav Glass <dav.glass@...> wrote:
          >
          > This example should help:
          > http://blog.davglass.com/files/yui/editor40/
          >
          > Dav
          >
          > Dav Glass
          > dav.glass@...
          > 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 +
          >
          >
          >
          > ----- Original Message ----
          > From: mettatest <mettatest@...>
          > To: ydn-javascript@yahoogroups.com
          > Sent: Wednesday, July 30, 2008 1:36:45 PM
          > Subject: [ydn-javascript] rte: change fontsize spin control to a select
          >
          > My fontsize spin control looks ugly next to my fontname standard html
          > select. I would like to change the fontsize spin control to a
          > standard html select.
          >
          > In the custom toolbar, I tried changing
          >
          > { type: 'spin', label: '13', value: 'fontsize', range: [ 9, 35 ],
          > disabled: true }
          >
          > to
          >
          > { type: 'select', label: '13', value: 'fontsize', disabled: true,
          > menu: [
          > { text: 10 },
          > { text: 13, checked: true },
          > { text: 20 }
          > ]
          > }
          >
          > and also to
          >
          > { type: 'select', label: '13', value: 'fontsize', disabled: true,
          > menu: [
          > { text: '10' },
          > { text: '13', checked: true },
          > { text: '20' }
          > ]
          > }
          >
          >
          > but the control now does not work (it does not change the font size,
          > nor does it update when I change my selection).
          >
          > How can I accomplish this?
          >
          >
          >
          > ------------------------------------
          >
          > Yahoo! Groups Links
          >
          >
          >
          > http://docs.yahoo.com/info/terms/
          >
        Your message has been successfully submitted and would be delivered to recipients shortly.