Solved

JQuery ui-icon ui-icon-bullet resizable?

Posted on 2011-03-16
1
1,048 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
Comment Utility
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

How your wiki can always stay up-to-date

Quip doubles as a “living” wiki and a project management tool that evolves with your organization. As you finish projects in Quip, the work remains, easily accessible to all team members, new and old.
- Increase transparency
- Onboard new hires faster
- Access from mobile/offline

Join & Write a Comment

Suggested Solutions

I found this questions asking how to do this in many different forums, so I will describe here how to implement a solution using PHP and AJAX. The logical flow for the problem should be: Write an event handler for the first drop down box to get …
This article discusses how to create an extensible mechanism for linked drop downs.
Explain concepts important to validation of email addresses with regular expressions. Applies to most languages/tools that uses regular expressions. Consider email address RFCs: Look at HTML5 form input element (with type=email) regex pattern: T…
This tutorial walks through the best practices in adding a local business to Google Maps including how to properly search for duplicates, marker placement, and inputing business details. Login to your Google Account, then search for "Google Mapmaker…

772 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

Need Help in Real-Time?

Connect with top rated Experts

11 Experts available now in Live!

Get 1:1 Help Now