0

How to change menu font?

asked 2006-03-01 14:10:54 +0800

admin gravatar image admin
18691 1 10 129
ZK Team


Orignial message at:
https://sourceforge.net/forum/message.php?msg_id=3604740

By: tskale

Tried applying following style to all the elements: menubar, menu, menuitem, menupopup but none of them changed the menu font.

style="font-size: 18px; font-weight: bold"

What am I missing?

delete flag offensive retag edit

7 Replies

Sort by ยป oldest newest

answered 2006-03-01 14:17:24 +0800

admin gravatar image admin
18691 1 10 129
ZK Team


Orignial message at:
https://sourceforge.net/forum/message.php?msg_id=3604759

By: tomyeh

The HTML tags generated for menu components are sophisticated. It is suggested to override CSS class. Please take a look at normie.css (in zul.jar). Once you figure out what CSS class is, you could use <?style-sheet ...?> to load your CSS file.

link publish delete flag offensive edit

answered 2006-03-01 14:35:48 +0800

admin gravatar image admin
18691 1 10 129
ZK Team


Orignial message at:
https://sourceforge.net/forum/message.php?msg_id=3604798

By: tskale

There normie.css.dsp file. I think thatis what you are refering to, right?

link publish delete flag offensive edit

answered 2006-03-01 14:44:24 +0800

admin gravatar image admin
18691 1 10 129
ZK Team


Orignial message at:
https://sourceforge.net/forum/message.php?msg_id=3604816

By: tomyeh

Yes, normie* for IE, normoz for FF... Refer to User Guide.

link publish delete flag offensive edit

answered 2007-01-15 23:09:48 +0800

admin gravatar image admin
18691 1 10 129
ZK Team


Orignial message at:
https://sourceforge.net/forum/message.php?msg_id=4104715

By: dave_hamu


I have tried to change the font by following the suggestion, but with no success.

It would be great to see an example...

for instance an example that displays all of the menu items and popup items as 18pt.

Thank you,

Dave

link publish delete flag offensive edit

answered 2007-01-17 02:33:33 +0800

admin gravatar image admin
18691 1 10 129
ZK Team
search inside normie.css.dsp "menubar", copy the key part and override css definition with <style> component. /henri <window title="Menu Sample"> <style> div.menubar a, div.menubar a:visited, div.menubar a:hover, div.men
link publish delete flag offensive edit

answered 2013-11-13 06:39:46 +0800

msrednsi gravatar image msrednsi
106 2

Using zk 6.5

I'm doing this to change the menu font:

<style>
        .z-menubar-hor .z-menu-btn {
            font-size: 20px;
        }
        .navmenu .z-menu-body-seld .z-menu-inner-l,
        .navmenu .z-menu-body-seld .z-menu-inner-r {
            background: none;
        }
        .navmenu .z-menu-body-seld .z-menu-inner-r {
            background-position: 0 0px;
        }
        .navmenu .z-menu-body-seld .z-menu-inner-m {
            background-image: none;
        }
        .navmenu .z-menu-body-seld .z-menu-inner-m .z-menu-btn {
            position:relative;
            top: 1px;
        }
</style>
 

And:


<menu sclass="navmenu" label="@bind(menu.data.title)">
 

Those styles are in the source code: src/code/archive/web/js/zul/menu/css/menu.css.dsp

I have to override more css rules to get rid of some effects when the menu is selected (-seld) because they are implemented with a fixed size image, and it does not grow.

I'm currenty trying to figure out how to apply this font change only to one menu, not to all the application's menus. I defined a navmenu key (sclass='navkey') to do that but, exactly the font size, does no runs if it's not the global rule:


        .navmenu .z-menubar-hor .z-menu-btn {
            font-size: 20px;
        }
 

Thie does not run! The reason is that the font size is used in a inner html object, a button tag. I'm trying to select this inner button

Any idea of how to target this inner html component so i can style only one menu not the whole application?

link publish delete flag offensive edit

answered 2013-11-13 09:06:48 +0800

msrednsi gravatar image msrednsi
106 2

I figure it out:


        .z-menubar-hor .navmenu .z-menu-btn {
            font-size: 20px;
        }
 

The .navmenu class has to be just after .z-menu-btn

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
1 follower

RSS

Stats

Asked: 2006-03-01 14:10:54 +0800

Seen: 204 times

Last updated: Nov 13 '13

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