move window to specific coordinates

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

robertkaren gravatar image 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"?>
    <hbox spacing="0" width="100%" height="100%">
        <tabbox id="homeTabLeftTabBox" vflex="true" hflex="true">
            <tabs id="homeTabLeftTabBoxTabs">
               <tab id="surveyTab" label="Survey" />
                   <window height="100%" apply="com.namsi.eztab.services.StudiesTreeController">
                          <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%"/>
      <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" />
                   <window  contentStyle="overflow:auto" height="100%" apply="com.namsi.eztab.services.ProjectsTreeController">
                          <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%"/>
                            <timer id="timer" delay="1500" repeats="true" onCreate="self.stop()"></timer>
                  <tabpanel>This is panel Search</tabpanel>
      #filenameWindow {
        position: absolute;
        top: 100px;
        left: 120px;
        padding: 0px;
        margin: 0px;
    <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"/>
delete flag offensive retag edit

1 Answer

Sort by ยป oldest newest most voted

answered 2014-02-21 10:49:54 +0800

MVarun gravatar image MVarun flag of India
268 1 6

Hi robertkaren,

For a window mode and position matters..

Plase check this doc..


M Varun.

link publish delete flag offensive edit
Your answer
Please start posting your answer anonymously - your answer will be saved within the current session and published after you log in or create a new account. Please try to give a substantial answer, for discussions, please use comments and please do remember to vote (after you log in)!

[hide preview]

Question tools

1 follower



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

Seen: 12 times

Last updated: Feb 21 '14

Support Options
  • Email Support
  • Training
  • Consulting
  • Outsourcing
Learn More