Do not input private or sensitive data. View Qlik Privacy & Cookie Policy.
Skip to main content

Announcements
Qlik Open Lakehouse is Now Generally Available! Discover the key highlights and partner resources here.
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