Solved

JQuery ui-icon ui-icon-bullet resizable?

Posted on 2011-03-16
1
1,059 Views
Last Modified: 2012-05-11
I managed to find the class in the JQuery UI css to display a bullet icon for unorder list, but the bullet is too big. Is there a way to make this smaller?

<span class="ui-icon ui-icon-bullet"> bullet text </span>

JQuery UI Icons available:
http://jquery-ui.googlecode.com/svn/tags/1.6rc5/tests/static/icons.html

0
Comment
Question by:jeremyll
1 Comment
 
LVL 10

Accepted Solution

by:
Hans Langer earned 500 total points
ID: 35149133
try this;
<style type="text/css">li {margin: 2px; padding: 4px 0; cursor: pointer; list-style: none;}</style>
<ul class="ui-widget"> 
<li class="ui-state-default ui-corner-all" ><span style="float:left;margin-left:3px">&#183;&#160;</span><span class="text" >bullet text</span></li> 
<li class="ui-state-default ui-corner-all" ><span style="float:left;margin-left:3px">&#183;&#160;</span><span class="text" >bullet text</span></li> 
<li class="ui-state-default ui-corner-all" ><span style="float:left;margin-left:3px">&#183;&#160;</span><span class="text" >bullet text</span></li> 
<li class="ui-state-default ui-corner-all" ><span style="float:left;margin-left:3px">&#183;&#160;</span><span class="text" >bullet text</span></li> 
</ul>

Open in new window

0

Featured Post

Free Tool: Postgres Monitoring System

A PHP and Perl based system to collect and display usage statistics from PostgreSQL databases.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
Wordpress and Wufoo 1 36
JQuery conflicts/syntax issue 4 23
Making Table Thru ASP Response.write 5 19
Political Map of Europe - Wikipedia? 4 19
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
There’s a good reason for why it’s called a homepage – it closely resembles that of a physical house and the only real difference is that it’s online. Your website’s homepage is where people come to visit you. It’s the family room of your website wh…
This tutorial demonstrates how to identify and create boundary or building outlines in Google Maps. In this example, I outline the boundaries of an enclosed skatepark within a community park.  Login to your Google Account, then  Google for "Google M…
The viewer will learn how to create and use a small PHP class to apply a watermark to an image. This video shows the viewer the setup for the PHP watermark as well as important coding language. Continue to Part 2 to learn the core code used in creat…

679 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question