Xinha Discussion Forum

Heinrich

Xinha Community Member

Registered: 2011-08-02

Posts: 10

Appearance of Stylist

Using css definitions with Stylist the problem is that the Stylist window covers a third part of editor window (and over the full height). I want to shorten it.

I found in stylist.js (at line 590):

Stylist.prototype._prepareDialog = function()
{
  var editor = this.editor;
  var stylist = this;

  var html = '<h1><l10n>Styles</l10n></h1>';
 
  this.dialog = new Xinha.Dialog(editor, html, 'Stylist',{width:150},{modal:false,closable:true});
    Xinha._addClass( this.dialog.rootElem, 'Stylist' );
    this.dialog.attachToPanel('right');
  this.dialog.show();
 
    var dialog = this.dialog;
    var main = this.dialog.main;
    var caption = this.dialog.captionBar;
   
  main.style.overflow = "auto";
//  main.style.height = this.editor._framework.ed_cell.offsetHeight - caption.offsetHeight + 'px';
  main.style.height = '150px';  // here I tried to define a fixed height but it doesn't work. Is there any help?
 
  editor.notifyOn('modechange',
  function(e,args)
  {
    if (!dialog.attached)
    {
      return;
    }
    switch(args.mode)
    {
      case 'text':
      {
        dialog.hide();
        break;
      }
      case 'wysiwyg':
      {
        dialog.show();
        break;
      }
    }
  }
  );