0

ZK 7: Bootstrap support for combobox/bandbox ?

asked 2014-01-14 13:42:14 +0800

cyiannoulis gravatar image cyiannoulis
1191 10

updated 2014-01-14 14:16:34 +0800

Does the combobox/bandbox provide any support for bootstrap styling? I am trying to declare a bootstrap form as follows and the combobox is not rendered properly. Also, there is no "bs" mold for combobox or bandbox.

<n:form class="form-horizontal" role="form">

<n:div class="form-group">
<n:label for="txtMail3" class="col-sm-3 control-label">User name</n:label>
<n:div class="col-sm-8">
   <textbox id="txtMail3" class="form-control input-sm" />
</n:div> 
</n:div>

<n:div class="form-group">
<n:label for="txtPassword3" class="col-sm-3 control-label">Password</n:label>
<n:div class="col-sm-8">
   <textbox id="txtPassword3" type="password" class="form-control input-sm" />
</n:div>
</n:div>

<n:div class="form-group">
<n:label for="txtRole" class="col-sm-3 control-label">Role</n:label>
<n:div class="col-sm-8">
    <combobox id="txtRole" sclass="form-control input-sm" />
</n:div>
</n:div>
</n:form>

Thanks /costas

delete flag offensive retag edit

3 Answers

Sort by ยป oldest newest most voted
3

answered 2014-01-15 08:13:20 +0800

RaymondChao gravatar image RaymondChao
386 1 4

updated 2014-01-15 08:21:12 +0800

Hello cyiannoulis,

If you try to declare a bootstrap form, you could use listbox in select mold, combine checkbox and textbox then apply the bootstrap css as below.

<!--  Bootstrap like Checkbox -->
<div sclass="input-group">
  <checkbox sclass="input-group-addon"/>
  <textbox sclass="form-control"/>
</div>

<!-- Bootstrap like Selects -->
<listbox mold="select" sclass="form-control">
  <listitem label="1"/>
  <listitem label="2"/>
  <listitem label="3"/>
  <listitem label="4"/>
  <listitem label="5"/>
</listbox>

I hope this would be helpful.

link publish delete flag offensive edit
0

answered 2014-01-16 10:24:52 +0800

cyiannoulis gravatar image cyiannoulis
1191 10

Awesome! Thank you!

Costas

link publish delete flag offensive edit
0

answered 2016-05-20 11:36:36 +0800

pabloalicante gravatar image pabloalicante
1

Does somebody know how to put a placeholder value to the listbox that @RaymondChao posted?

It's a pitty that I can't :(

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

Follow
3 followers

RSS

Stats

Asked: 2014-01-14 13:42:14 +0800

Seen: 145 times

Last updated: May 20 '16

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