Toolbar image size

Suite and Optimus Suite 5
#1

Hello! I want to put 48x48px png images on toolbar, but it cut images on default size 16x16. How can I make full 48x48 image buttons on toolbar?

Eliéser

#2

Hello,

please check post viewtopic.php?f=4&t=15539

#3

I have downloaded and tested the demo that you mentioned. But when attach a toolbar in a layout (more specific 2U layout in full screen) it remain on 16px height.
There is another place to change and fix it?

#4

Replace .dhx_toolbar_base_dhx_skyblue in the modified css with .dhx_toolbar_base_dhx_skyblue.in_layoutcell:

.dhx_toolbar_base_dhx_skyblue.in_layoutcell {
height: 57px;
background-image: url("…/codebase/imgs/dhxtoolbar_dhx_skyblue/dhxtoolbar_bg_48.gif") !important;
}

#5

Hello! I finally make toolbar for large icons ok. But now, the caption (or text) of the button is align at top. How do I make it align verticaly centered?

P.S.: You can see the working demo on www.taligent.com.br

Elieser

#6

Hello,

this css class could help:

.dhx_toolbar_base_dhx_skyblue div.dhx_toolbar_btn div {
margin-top:12px;
}

#7

Hello!
I need some more help to terminate this.
When I create a Window and attach a toolbar to it, the toolbar remains 16px height. I altered the css file as your post from Jan 25, but still no results for toolbar inside a Window.

P.S. You can see the working demo on www.taligent.com.br and click on “Pessoas” button.

Eliéser

#8

The approach that I have provided before related to layout. In case of the window try the following

.dhx_toolbar_base_dhx_skyblue{
height: 57px !important;
}

#9

Hello again!

There is one more thing… when I make subbar, the down bar is showing 16px height. How to make the same pattern from 48px toolbar on the subbar too? Where to tweak the CSS code to?

Eliéser

#10

Hello,

what subbar did you mean ? Could you provide some sample ?