1. #1
    Ext User
    Join Date
    Jul 2009
    Posts
    7
    Vote Rating
    0
    walnutmon is on a distinguished road

      0  

    Default HTML Editor, Toolbar Icons too large

    HTML Editor, Toolbar Icons too large


    All,

    I'm quite new to the extjs library, cool stuff. I'm using along with grails, 2.3.0, and think I finally have everything configured correctly, however I am getting some odd formatting consistently across all browsers. I am using the basic html editor in a form panel, but it seems to cause some rendering problems, and the toolbar has icons that are way too big.

    Relevant javascript...
    Code:
    var movie_form = new Ext.FormPanel({
                url: '<g:createLink controller="new" action="doSomething"/>',
                renderTo: document.body,
                frame: true,
                title: 'Movie Information Form',
                            width:400,
                items: [{
                    xtype: 'htmleditor',
                    fieldLabel: 'Title',
                    name: 'title',
                    allowBlank: false,
                                    anchor: '100%',
                    listeners: {
                        specialkey: function(f,e){
                            if (e.getKey() == e.ENTER) {
                                movie_form.getForm().submit();
                            }
                        }
                    }
                }],
    ...snip...
    It is difficult to post the html since it is quite lengthy, and my browser does not show the actually rendered source, just the initial (firefox), firebug allows me to look at the rendered source though... basically the images are too big, it looks like the normal toolbar, but about 3 times the size, and when the panel ends, the toolbar is cut off. I'll post any additional materials needed upon request.

    Thanks!

  2. #2
    Ext User
    Join Date
    Jul 2009
    Posts
    7
    Vote Rating
    0
    walnutmon is on a distinguished road

      0  

    Default


    bump