0

How to remove the "grey part" of a button in zk 6?

asked 2018-04-12 20:50:41 +0800

joaopmi gravatar image joaopmi
5 1

in the example:

http://zkfiddle. org/sample/3ntp1s7/1-Another-new-ZK-fiddle

i don't want the grey button edge, just the image, there's some way i can take it off?

delete flag offensive retag edit

1 Reply

Sort by ยป oldest newest

answered 2018-04-22 17:26:51 +0800

cor3000 gravatar image cor3000
6280 2 7

updated 2018-04-22 17:27:10 +0800

Before ZK 7/CSS3 support buttons were rendered in a 3x3 table to achieve round corners. So that styling each of the 9 cells is a bit cumbersome... however still possible.

Before going into details it is much easier to change the mold to "os" which renders the button using a default OS button, and then use CSS to remove the background color.

Instead of a button you can also render an <a> element and change it's style accordingly.

Here an example illustrating both options.

http://zkfiddle.org/sample/3ntp1s7/2-buttons-without-grey-edge-6-5

link publish delete flag offensive edit
Your reply
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
2 followers

RSS

Stats

Asked: 2018-04-12 20:50:41 +0800

Seen: 10 times

Last updated: Apr 22 '18

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