I don't really know coding, but I've been poking around the code of a modified tiddlywiki. From what I understand, the editsectionplugin uses the quickeditpackage when it creates a panel. I am totally fine with all that, however, what bugs me is that the panel created is minuscule and it becomes tedious to resize it to really large when I edit.
Is there a way that I can make this panel fullscreen? I just don't know what to add to fullscreen this panel.
EDITOR PANEL HANDLER
createPanel: function(here,ev,tid,title,section,type) {
if (!this.removeAllPanels()) return this.ok(ev);
var p=createTiddlyElement(document.body,"ol",
"editSectionPanel","popup smallform editSectionPanel");
p.root=here;
p.setAttribute('dirty',null);
p.setAttribute('message',this.discardmsg.format([tid]));
p.onmousedown=this.mousedown; p.style.cursor='move'; // for panel dragging
p.innerHTML=store.getRecursiveTiddlerText(this.getForm(tid,type),'',10);
applyHtmlMacros(p,store.getTiddler(title));
var f=p.getElementsByTagName('form')[0];
f.panel=p;
f.title.value=title;
f.section.value=section||'';
f.init=this.getInitForm(tid,type);
f.save=this.getSaveForm(tid,type);
f.init(here,f,title,section,type);
this.showPanel(p,here,ev);
return this.ok(ev);
},
showPanel: function(p,here,ev) {
var x=this.getMX(ev); var y=this.getMY(ev);
var winw=findWindowWidth();
var scrollw=winw-document.body.offsetWidth;
if(p.offsetWidth>winw*0.75) p.style.width=winw*0.75 + "px";
if(x+p.offsetWidth>winw-scrollw-1) x=winw-p.offsetWidth-scrollw-1;
var s=p.style; s.left=x+'px'; s.top=y+'px'; s.display='block';
if(config.options.chkAnimate && anim) anim.startAnimating(new Scroller(p));
else window.scrollTo(0,ensureVisible(p));
},
removePanel: function(p) {
Popup.remove(); // child popup (if any) is closed when panel is closed
if (!p || p.getAttribute('dirty')!='true' || confirm(p.getAttribute('message')))
{ if (p) removeNode(p); return true; }
return false;
},
removeAllPanels: function() {
var ok=true;
jQuery('.editSectionPanel').each(function(index){
var f=this.getElementsByTagName('form')[0];
if (f.content) f.content.blur(); // force onchange (sets 'dirty' flag as needed)
ok=config.macros.editSection.removePanel(this);
return true;
});
return ok; // FALSE if panels remain
},