Skip to main content
Announcements
Join us at Qlik Connect for 3 magical days of learning, networking,and inspiration! REGISTER TODAY and save!
cancel
Showing results for 
Search instead for 
Did you mean: 
Not applicable

is it possible put the background-image in a dropdown menu ?

Hi all

I would like to put a background image in this dropdown menu:

FOTO 1.JPG

I suppose that I have to modify its css, I tried with the background-image function but it did not work

below my css script:

-----------------------------------------------------------------------------------

* {margin:0; padding:0; outline:0}

body {font:1px Verdana,Arial; color:rgb(30%,50%,70%); background:#D6E7F8}

.nav {height:36px; background:rgb(230,230,230); color:#fff; text-shadow:1px 1px #888; z-index:1000} /*barra navigazione*/

.menu a {float:left; color:rgb(0,0,0); text-decoration:none; width:120px; height:28px; padding-top:8px}

.menu span {float:left; color:rgb(0,0,0); text-decoration:none; width:120px; height:28px; padding-top:8px} /* riga menu*/

.menu a:hover {color:rgb(175,238,175)} /*menu selezionato*/

.menu {list-style:none; font:13px Arial,Verdana; text-align:center; width:650px; margin:0 auto;color:rgb(0,0,0)}

.menu li {position:relative; float:left; width:120px; z-index:1000}

.menu ul {display:none; position:absolute; font:normal 11px Arial,Verdana; top:36px; left:0; background:rgb(255,255,185) ; display:none; list-style:none}

.menu ul li {float:none; border-top:1px solid #ccc; width:120px}

.menu ul li a, li.menuhover li a, li.menuhover li.menuhover li a {float:none; display:block; background:rgb(175,238,175); height:25px; padding:center}

.menu ul li a:hover, li.menuhover li a:hover, li.menuhover li.menuhover li a:hover {background:none; color:rgb(45,105,245)}  /*voci menu selezionati*/

.menu ul li span, li.menuhover li span, li.menuhover li.menuhover li span {float:none; display:block;  background:rgb(175,238,175) ;height:22px; padding-top:5px}

.menu ul ul {left:120px; top:0}

.menu li.submenu {font-weight:bold}

.menu li.noborder {border-top:none}

li.menuhover a, li.menuhover li.menuhover a {color:rgb(45,105,245);background:rgb(175,238,175) }

li.menuhover span, li.menuhover li.menuhover span {color:#fff} /* menu primo livello*/

#info {width:180px; background:#eee}

#info li {width:160px; border-top:none; padding:8px 10px; color:#666; text-shadow:1px 1px #fff; text-align:left}

-----------------------------------------------------------------------------------

can anyone help me?

thanks a lot

5 Replies
sudeepkm
Specialist III
Specialist III

when you say drop down menu, is that a list box?

There is an option to add image to the List box but I do not think it will be visible as a background overriding the cell background colors.

Anonymous
Not applicable
Author

Hi,

no I mean a qlik extension: drop down menu .

It needs to build menus within Qlik



Not applicable
Author

like this

foto2.JPG

sudeepkm
Specialist III
Specialist III

I think it should be possible by modifying the extension java script. it should have a CSS style file with all style information. you can take a look at it.

Anonymous
Not applicable
Author

‌hi

unfortunately i m not java and Css code

that's why I need help