edit tab text

answered 2019-07-10 11:12:49 +0800

cor3000
6280 ● 2 ● 7

updated 2019-07-10 11:18:27 +0800

here a example showing 2 ways how this can be achieved

<zk>
  <tabbox>
    <tabs>
      <tab>
        <caption>
          <label id="display"
                 value="DoubleClick to edit, ENTER to save" 
                 onDoubleClick="self.setVisible(false); edit.setValue(self.getValue()); edit.setVisible(true);"
                 />
          <textbox id="edit" visible="false"
                   onOK="self.setVisible(false); display.setValue(self.getValue()); display.setVisible(true);"/>
        </caption>
      </tab>
      <tab>
        <caption>
          <textbox value="Inline Edit" inplace="true"/>
        </caption>
      </tab>
    </tabs>
  </tabbox>
</zk>

http://zkfiddle.org/sample/1i5v9eb/1-editable-tab-labels

either showing/hiding a textbox, or using a<textbox inplace="true"/>

Of course you can do the same dynamically from java code, instead of inline event listeners, used in this example ONLY for simpler demonstration purposes.

answered 2019-07-09 10:13:05 +0800

cor3000
6280 ● 2 ● 7

I assume you are referring to the ZK tabbox/tab-component and not a browser "tab" or a golden layout "tab" or any other kind of "tab" one can implement. Also please specify what you mean by "on the fly" and also state your ZK version. Ideally provide a zul example illustrating your case.