How to integrate ZUL files in HTML

15 pts.
Tags:
HTML
ZUL
How do we integrate the ZUL files in the HTML code so that the HTML code becomes responsive in Eclipse?


Software/Hardware used:
Eclipse IDE
1

Answer Wiki

Thanks. We'll let you know when a new response is added.


Suppose you have a zul file. You must have a <zk> </zk> tag which contains contents of you zul file.

First you must add something like this in your <zk> tag :

<zk xmlns:h=”native”>
….
</zk>
Then you can add some html tags in among your zul tags by using h: before them. for example this is a table with some columns and rows within a zk <hbox></hbox> and also you can put some zk tags in this html tags as i put a button here in a cell of table:

<zk xmlns:h=”native”>
….
    <hbox id=”zk-hbox-id” visible=”true”>
        <h:table id=”html-table-id”>
            <h:tr>
                <h:td>
                    First Column
                </h:td>
                <h:td>
                    Second Column
                </h:td>
            </h:tr>
            <h:tr>
                <h:td>
                    <button id=”zk-yes-id” label=”Yes” sclass=”zk-sclass” />
                </h:td>
                <h:td>
                    <button id=”zk-no-id” label=”No” sclass=”zk-sclass” />
                </h:td>
            </h:tr>
        </h:table>
    </hbox>
….
</zk>

Discuss This Question: 1  Reply

 
There was an error processing your information. Please try again later.
Thanks. We'll let you know when a new response is added.
Send me notifications when members answer or reply to this question.
  • nilesh096
    How do we integrate the zul files in the html code so that the html code becomes responsive in Eclipse

    Software/Hardware used:
    Eclipse IDE
    15 pointsBadges:
    report

Forgot Password

No problem! Submit your e-mail address below. We'll send you an e-mail containing your password.

Your password has been sent to:

To follow this tag...

There was an error processing your information. Please try again later.

Thanks! We'll email you when relevant content is added and updated.

Following

Share this item with your network: