0

[ZK Training] Using Bootstrap in ZK

asked 2019-08-22 17:12:08 +0800

susanyang gravatar image susanyang
1691 1 2
ZK Team

We would like to share with you our latest new free training course this month: Using Bootstrap in ZK. Here are some highlights that you will learn from the session:

  • Build an ZK Admin Template
    --- page navigation with shadow components
    --- reusing view as a template
    --- develop an application with MVVM pattern
  • Leverage Bootstrap Features
    --- easily apply responsive design (RWD)
    --- set alignment, margin, padding with Bootstrap CSS
    --- create a card-like custom component

We welcome you all to join this free session. Simply save the date and sign up here.

Date: Aug. 28th, 2019
Time: 10 AM European Summer Time (check for your timezone here)
Topic: Using Bootstrap in ZK
Duration: 1 hour

Feel free to let us know if you have any questions and we look forward to meeting you soon!

delete flag offensive retag edit

7 Answers

Sort by ยป oldest newest most voted
0

answered 2019-08-28 11:00:11 +0800

daquan198163 gravatar image daquan198163
9 1

Is there a clear and simple sample demonstrating how to integerate bootstrap or any other mordan ui to zk?

link publish delete flag offensive edit
0

answered 2019-08-28 11:15:13 +0800

jeanher gravatar image jeanher
1824 2 6
ZK Team

You can start with this example in our live demo: https://www.zkoss.org/zkdemo/customizetheme/layoutintegration

Remember to also check the Description / View / ViewModel / Model sample code at the lower part of the page.

We will also release another small talk next week focusing more on how you can use bootstrap's Grid and CSS. Stay tuned.

link publish delete flag offensive edit
0

answered 2019-08-29 11:53:11 +0800

daquan198163 gravatar image daquan198163
9 1

what's the diffrence between xmlns:h="native" and xmlns:x="xhtml"?

link publish delete flag offensive edit
0

answered 2019-08-29 18:28:23 +0800

hawk gravatar image hawk
3250 1 5
http://hawkphoenix.blogsp... ZK Team

Component set comparison

image description

link publish delete flag offensive edit
0

answered 2019-09-09 14:30:32 +0800

daquan198163 gravatar image daquan198163
9 1

updated 2019-09-09 16:00:04 +0800

The latest small talk "Use Bootstrap with ZK: Responsive Admin Template" is very helpful,thanks!

Ps: I found some details inconstant between github/zkoss-demo/admin-template and admin-template online demo, For example: project> Recent Activities pannel padding and background etc.

So, github/zkoss-demo/admin-template seems to be out of date.

link publish delete flag offensive edit

Comments

I'm sure the code in Github is up-to-date. But we might not publish it every time we fix a minor bug.

hawk ( 2019-09-10 10:39:14 +0800 )edit
0

answered 2019-09-10 11:59:34 +0800

daquan198163 gravatar image daquan198163
9 1

updated 2019-09-12 12:29:13 +0800

cor3000 gravatar image cor3000
6280 2 7

The mvvm binding on nav badgeText seems not available, which always display value of zero.

<template name="menu">
        <nav label="@load(menuItem.label)" iconSclass="@load(menuItem.icon)"
             badgeText="@load(vm.collapsed ? '': menuItem.counter)">
            <apply template="iterate" menuItems="@load(menuItem.subMenus)"/>
        </nav> 
</template>

And i accidentally found a solution to fix it,like below

<template name="menu">
        <nav label="${menuItem.label}" iconSclass="${menuItem.icon}"
             badgeText="${vm.collapsed ? '': menuItem.counter}">
            <apply template="iterate" menuItems="@load(menuItem.subMenus)"/>
        </nav> 
</template>
link publish delete flag offensive edit

Comments

Thanks for reporting such a bug, I have created https://tracker.zkoss.org/browse/ZK-4376 for it

hawk ( 2019-09-16 10:58:43 +0800 )edit
0

answered 2019-09-28 22:20:02 +0800

daquan198163 gravatar image daquan198163
9 1

Beside the zul bind mode, is there a java programing way to pass value to the customized component?

<state-box state="@init(each)" icon="@init(each.type)@converter('org.zkoss.admin.converter. color=" @init(each.type)@converter('org.zkoss.admin.converter.typecolorconverter')"=""/>

link publish delete flag offensive edit

Comments

I split your question into a separate thread ... https://forum.zkoss.org/question/111630/java-programming-way-to-pass-value-to-zul please continue there

cor3000 ( 2019-10-01 10:00:38 +0800 )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

Follow
1 follower

RSS

Stats

Asked: 2019-08-22 17:12:08 +0800

Seen: 65 times

Last updated: Sep 28 '19

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