move window to specific coordinates

asked 2014-02-20 19:31:14 +0800

robertkaren
77 ● 7

I am trying to position a window to the right of the tabs of a tabbox. zk won't let me write anything besides tabs in the tabbox, so I'm trying to position it via top/left with css. is it possible to do that? so far I haven't been able to it w/ various forms of window modes. They don't respond to the top/left parameters. should I use a div?

the window is at the bottom of this file, id= 'filenameWindow', I want it to appear to right of the tab 'Search'. Thanks for any suggestions!

<?page id="homeTabPanel"?>
<zk>
    <hbox spacing="0" width="100%" height="100%">
        <tabbox id="homeTabLeftTabBox" vflex="true" hflex="true">
            <tabs id="homeTabLeftTabBoxTabs">
               <tab id="surveyTab" label="Survey" />
            </tabs>
            <tabpanels>
                <tabpanel>
                   <window height="100%" apply="com.namsi.eztab.services.StudiesTreeController">
                      <borderlayout>
                        <center>
                          <window id="studiesWin" vflex="true" hflex="true">
                          <tree id="studiesTree" style="height:18px;" zclass="z-filetree"
                            width="100%" vflex="true">
                            <treecols sizable="true">
                              <!--<treecol label="Item" hflex="min" /> -->
                              <treecol width="100%"/>
                             </treecols>
                            </tree>
                            </window>
                          </center>
                        </borderlayout>
                     </window>
                  </tabpanel>
            </tabpanels>
        </tabbox>
      <splitter id="splitter1" collapse="before"/>
        <tabbox id="homeTabRightTabBox" vflex="true" hflex="true">
            <tabs id="homeTabRightTabBoxTabs">
               <tab id="projectTab" label="Project" />
              <tab id="searchTab" label="Search" />
            </tabs>
             <tabpanels>
                <tabpanel>
                   <window  contentStyle="overflow:auto" height="100%" apply="com.namsi.eztab.services.ProjectsTreeController">
                      <borderlayout>
                        <center>
                          <window id="projectsWin" vflex="1" hflex="1"  >
                          <tree id="projectsTree" width="100%" 
                          vflex="1" hflex="1">
                            <treecols  sizable="true">
                              <treecol label="Title" width="350px" /><!-- hflex="min" -->
                              <treecol label="Study" width="90px"/>
                              <treecol label="Created" width="90px"/>
                              <treecol label="Modified" width="90px"/>
                              <treecol label="Description" width="100%"/>
                             </treecols>
                            </tree>
                            <!--
                            <timer id="timer" delay="1500" repeats="true" onCreate="self.stop()"></timer>
                            -->
                            </window>
                          </center>
                        </borderlayout>
                     </window>
                  </tabpanel>
                  <tabpanel>This is panel Search</tabpanel>
               </tabpanels>
           </tabbox>
      </hbox>
      <style>
      #filenameWindow {
        position: absolute;
        top: 100px;
        left: 120px;
        padding: 0px;
        margin: 0px;
        }
      </style>
    <window id="filenameWindow" sclass="filenameWindow" mode="overlapped" border="none" apply="com.namsi.eztab.services.SaveFileTabpanelController">
        <hbox width="100%" height="100%" pack="center" align="center">
                <span><label value="Name current file:" /><space /><textbox id="filenameTextbox" width="400px"/><space />
                <!--  <button id="browseBtn" label="Browse" tooltip="Choose a folder"/>-->
                <space /><button id="saveBtn" label="Save"/>
                </span>
        </hbox>
    </window>
    <zscript>filenameWindow.setVisible(false);</zscript>
    </zk>