Recent Questions Wpf Treeview Style
Q: I am trying to create a tab menu and I have some questions.
I want each tab in a hover tab menu has a different image,
the normal and hover state uses the same image and the selected state uses a different image.
A: If you want to use different images you should use Individual Item Styles and assign them for your tabs.
var bstyles = [
["bitemBackImage=deluxe-tabs.files/style04_n_back.gif,deluxe-tabs.files/style04_s_back.gif,deluxe-tabs.files/style04_s_back.gif",
"bbeforeItemImage=deluxe-tabs.files/style04_n_left.gif,deluxe-tabs.files/style04_s_left.gif,deluxe-tabs.files/style04_s_left.gif",
"bafterItemImage=deluxe-tabs.files/style04_n_right.gif,deluxe-tabs.files/style04_s_right.gif,deluxe-tabs.files/style04_s_right.gif"],
["bitemBackImage=deluxe-tabs.files/style04_2_n_back.gif,deluxe-tabs.files/style04_2_s_back.gif,deluxe-tabs.files/style04_2_s_back.gif",
"bbeforeItemImage=deluxe-tabs.files/style04_2_n_left.gif,deluxe-tabs.files/style04_2_s_left.gif,deluxe-tabs.files/style04_2_s_left.gif",
"bafterItemImage=deluxe-tabs.files/style04_2_n_right.gif,deluxe-tabs.files/style04_2_s_right.gif,deluxe-tabs.files/style04_2_s_right.gif"],
["bitemBackImage=deluxe-tabs.files/style04_3_n_back.gif,deluxe-tabs.files/style04_3_s_back.gif,deluxe-tabs.files/style04_3_s_back.gif",
"bbeforeItemImage=deluxe-tabs.files/style04_3_n_left.gif,deluxe-tabs.files/style04_3_s_left.gif,deluxe-tabs.files/style04_3_s_left.gif",
"bafterItemImage=deluxe-tabs.files/style04_3_n_right.gif,deluxe-tabs.files/style04_3_s_right.gif,deluxe-tabs.files/style04_3_s_right.gif"],
];
var bmenuItems = [
["Item 1","", "", "", "", "", "0", "", "", ], //style1
["Item 2","", "", "", "", "", "1", "", "", ], //style2
["Item 3","", "", "", "", "", "2", "", "", ], //style3
];
Q: In the item window, it says "use Ctrl jey to slect and copy items" But when I try it doesn't work.
I use Ctrl C and Ctrl V
A: To select a group of items you can use Shift and Ctrl keys.
To rename an item click on it and hold a mouse cursor for a second. Or use item parameters window.
To move items select items you want and use a mouse drag'n'drop method.
To copy items select those you want and use a mouse drag'n'drop method holding a Ctrl key.
Also you can use a contextual menu - a right mouse click on the list of items.
Q: I can not figure out how to fix the menu from going off the page inMozilla by using html code. I don't know where to put the code. I would likeit to be flush right.
A: Try to set exact width for the menu width and menu height, try to specify unitsin "px":
var menuWidth="500px";
It's necessary to specify exact value for Mozilla browsers. It helpsto position menus correctly.
var menuHeight="20px";
You should also check your padding parameter, you should write it so:
var itemPadding="1px 1px 1px 12px";
Q: Now, I need your help in another question: I can set "tpressedFontColor" to have the font of the active item in the dhtml tree menu take this color.
How can I make the onmouseover - background ("titemBackImage" of the individual style set in the item parameters) of the menu item also be saved in the active, selected dhtml tree menu item? I need to build a menu with different background-images (shown on mouseover and when active) for each item, so I cannot set ONE "titemBackImage" that fits for all.
Thank you very much, Irene. And yes, I really love this product.
A: Unfortunately it is not possible now to set background color orbackground image for the selected state. Deluxe tree doesn't have sucha feature now.
But we'll try to add this feature in the next versions of Javascript/DHTML Tree.