Unordered list - changing color of bullets

Hi,
I am using DW CC. I added an unordered list to a web page, and if possible, I'd like to change the color of the bullets. They are showing up as black, and I would like to choose something different. Can anyone tell me if / how I can do this?
Thanks in advance,
Paul

Here are some great suggestions -
http://stackoverflow.com/questions/5306640/how-to-define-the-color-of-bullets-in-ul-li-lis ts-via-css-without-using-any-im

Similar Messages

How to change color of selected label from list of labels?

My Problem is that I have a list of labels. RowHeaderRenderer is a row header renderer for Jtable which is rendering list items and (labels).getListTableHeader() is a method to get the list. When we click on the label this code is executed:
getListTableHeader().addMouseListener(new MouseAdapter()
public void mouseReleased(MouseEvent e)
if (e.getClickCount() >= 1)
int index = getListTableHeader().locationToIndex(e.getPoint());
try
if (((ae_AlertEventInfo)theAlerts.values().toArray()[index]).ackRequiredFlag)
AcknowledgeEvent ackEvent = new AcknowledgeEvent(
this, (ae_AlertEventInfo)theAlerts.values().toArray()[index]);
fireAcknowledgeEvent(ackEvent);
((HeaderListModel)listModel).setElementAt(ACK, index);
catch(Exception ex) {;}
Upon mouse click color of the label should be changed. For some period of time ie. Upto completion of fireAcknowledgeEvent(ackEvent);
This statement is calling this method:
public void handleAcknowledgeEvent(final AcknowledgeEvent event)
boolean ackOk = false;
int seqId = ((ae_AlertEventInfo)event.getAlertInfo()).sequenceId;
if (((ae_AlertEventInfo)event.getAlertInfo()).ackRequiredFlag)
try
// perform call to inform server about acknowledgement.
ackOk = serviceAdapter.acknowledge(seqId,
theLogicalPosition, theUserName);
catch(AdapterException aex)
Log.error(getClass(), "handleAcknowledgeEvent()",
"Error while calling serviceAdapter.acknowledge()", aex);
ExceptionHandler.handleException(aex);
else
// Acknowledge not required...
ackOk = true;
//theQueue.buttonAcknowledge.setEnabled(false);
final AlertEventQueue myQueue = theQueue;
if (ackOk)
Object popupObj = null;
synchronized (mutex)
if( hasBeenDismissed ) { return; }
// mark alert event as acknowledged (simply reset ack req flag)
ae_AlertEventInfo info;
Iterator i = theAlerts.values().iterator();
while (i.hasNext())
info = (ae_AlertEventInfo) i.next();
if (info.sequenceId == seqId)
// even if ack wasn't required, doesn't hurt to set it
// to false again. But it is important to prevent the
// audible from playing again.
info.ackRequiredFlag = false;
info.alreadyPlayed = true;
// internally uses the vector index so
// process the queue acknowledge update within
// the synchronize block.
final ae_AlertEventInfo myAlertEventInfo = event.getAlertInfo();
SwingUtilities.invokeLater(new Runnable()
public void run()
myQueue.acknowledge(myAlertEventInfo);
myQueue.updateAcknowledgeButtonState();
// here we should stop playing sound
// if it is playing for this alert.
int seqId1;
if (theTonePlayer != null)
seqId1 = theTonePlayer.getSequenceId();
if (seqId1 == seqId)
if (! theTonePlayer.isStopped())
theTonePlayer.stopPlaying();
theTonePlayer = null;
// get reference to popup to be dismissed...
// The dismiss must take place outside of
// the mutex... otherwise threads potentially
// hang (user hits "ok" and is waiting for the
// mutex which is currently held by processing
// for a "move to summary" transition message.
// if the "dismiss" call in the transition
// message were done within the mutex, it might
// hang on the dispose method because the popup
// is waiting for the mutex...
// So call popup.dismiss() outside the mutex
// in all cases.
if(event.getSource() instanceof AlertEventPopup)
popupObj = (AlertEventPopup)event.getSource();
else
popupObj = thePopups.get(event.getAlertInfo());
thePopups.remove(event.getAlertInfo());
SwingUtilities.invokeLater(new Runnable()
public void run()
// search vector elements to determine icon color in main frame
String color = getColor();
fireUpdateEvent(new UpdateEvent(this, blinking, color));
// Call dismiss outside of the mutex.
if (popupObj !=null)
if(popupObj instanceof AlertEventPopup)
((AlertEventPopup)popupObj).setModal(false);
((AlertEventPopup)popupObj).setVisible(false); // xyzzy
((AlertEventPopup)popupObj).dismiss();
else
// update feedback... ack failed
SwingUtilities.invokeLater(new Runnable()
public void run()
myQueue.setInformationMessage("Acknowledge failed to reach server... try again");
return;
Code for RowHeaderRenderer is:
class RowHeaderRenderer extends JLabel implements ListCellRenderer
JTable theTable = null;
ImageIcon image = null;
RowHeaderRenderer(JTable table)
image = new ImageIcon(AlertEventQueue.class.getResource("images" + "/" + "alert.gif"));
theTable = table;
JTableHeader header = table.getTableHeader();
setOpaque(true);
setHorizontalAlignment(LEFT);
setForeground(header.getForeground());
setBackground(header.getBackground());
setFont(header.getFont());
public Component getListCellRendererComponent( JList list, Object value,
int index, boolean isSelected, boolean cellHasFocus)
int level = 0;
try
level = Integer.parseInt(value.toString());
catch(Exception e)
level = 0;
if (((ae_AlertEventInfo)theAlerts.values().toArray()[index]).ackRequiredFlag)
setBorder(UIManager.getBorder("TableHeader.cellBorder"));
this.setHorizontalAlignment(JLabel.CENTER);
this.setVerticalAlignment(JLabel.CENTER);
setIcon(image);
else
setBorder(BorderFactory.createLineBorder(Color.gray));
setText("");
setIcon(null);
return this;
I tried but when i am clicking a particular label, the color of all labels in the List is being changed. So can you please assist me in changing color of only the label that is selected and the color must disappear after completion of Upto completion of fireAcknowledgeEvent(ackEvent);

im a bit confused with the post so hopefully this will help you, if not then let me know.
I think the problem is that in your renderer your saying
setBackground(header.getBackground());which is setting the backgound of the renderer rather than the selected item, please see an example below, I created a very simple program where it adds JLabels to a list and the renderer changes the colour of the selected item, please note the isSelected boolean.
Object "value" is the currentObject its rendering, obviously you may need to test if its a JLabel before casting it but for this example I kept it simple.
populating the list
public void populateList(){
        DefaultListModel model = new DefaultListModel();
        for (int i=0;i<10;i++){
            JLabel newLabel = new JLabel(String.valueOf(i));
            newLabel.setOpaque(true);
            model.addElement(newLabel);
        this.jListExample.setModel(model);
        this.jListExample.setCellRenderer(new RowHeaderRenderer());
    }the renderer
class RowHeaderRenderer extends JLabel implements ListCellRenderer
    JTable theTable = null;
    public Component getListCellRendererComponent(JList list, Object value,
                                                  int index, boolean isSelected, boolean cellHasFocus){
        JLabel aLabel = (JLabel)value;
        if (isSelected){
            aLabel.setBackground(Color.RED);
        }else{
            aLabel.setBackground(Color.GRAY);
        return aLabel;
}

Unordered list not showing up as indented bullet points within Accordian

http://www.foundationforyoutharts.org/test/Programs.html
I have a page using the spry accordian, and about five different catagories of information. Some of the copy is in unordered lists (in martial arts catagories), but it shows up as as regular text. Any ideas on how to make it view as a typical unordered list with bullet points and indented?
Thanks for taking time to look at this.

Add a margin-left of 20px to your ul.
Either added it in your stylesheet. or directly on the element:
<ul style="margin-left:20px">

Change color of List link

Hi,
I'm trying to change the color of the links in one of my Lists. Can somebody please tell me how to do this? I'm not sure where to put it or what the syntax is.
Thanks,
Nora

Take a look at:
Change color of row links
Basically, create a class for your links and change the attributes using the :link,:visited,and :hover pseudo-classes. Even better, apply a class to the UL element, such as "myList" then add the following to your css:
ul.myList li a:link,ul.myList li a:visited{color:#00ff00;text-decoration:none;}
ul.myList li a:link,ul.myList li a:hover{color:#ff0000;text-decoration:underline;}
That way you don't have to repeat the 'class=".." ' for every link in your li, thus reducing the size of the page.
Thanks,
Tyler

Unordered list bullets and Spry Accordion widget

In all browsers except IE (surprise, surprise!), the page
works fine. Otherwise the bullets in my unordered list appear at
the bottom of the multiline text they are associated with. I
haven't had this problem in similar pages not using the accordion
widget.
Please have a look:
http://www.yale.edu/faith/rc-fwl.htm
vs.
http://www.yale.edu/faith/rc-esw.htm
Thanks,
Gary

<div class="AccordionPanelContent">Castaway the: Restaurant<br />
              1250 Harvard Rd.<br />
              Burbank, CA 91501<br />
              - www.castawayrestaurant.com - (818) 848-6691</p>
Oops!
Missing the opening <p>
I didn't find it, the validator did.
Martin

Change color on a row in list

Hi,
I want to change color on my lists rows with buttons (look att the picture) i want to be abel to choose more then 1 item and change the color on all that is marked and i want to do this with javascript :)

Hi,
JSLink would be a more recommended way in SharePoint 2013 for your requirement.
The links below would be helpful for you to get a quick start:
http://www.rbradbrook.co.uk/blog/2013/04/14/introduction-to-client-side-rendering-in-sharepoint-2013/
http://www.learningsharepoint.com/2013/04/13/sharepoint-2013-js-link-tutorial/
http://www.martinhatch.com/2013/08/jslink-and-display-templates-part-5-creating-custom-list-views.html
Best regards,
Patrick
Patrick Liang
TechNet Community Support

How can I permanently change color of junk mail listing to black?

How can I permanently change color of my junk mail listings? It is light brown and difficult to read.

I'm trying to do the same...no problem choosing the color, but when I used an advanced rule, I no longer have the option in a drop down menu to "erase junk mail". Seems like any combination of an advanced junk mail rule wipes out the option to erase junk mail, and I don't want mail to automatically delete my junk email. I tried outting a stop evaluating after the text color, but that didn't work.
OSX 10.7.5 late 2006 MacBook Pro

Floating images with an unordered list

I am having a problem trying to find the proper way to float an image to the left of an unordered list. In different browers it responds differently - the image will sometimes find it's way between the bullets and the text rather than having the bullets and text wrap around the right side of the image. I have changed margins to try to push the bullets as far out as possible. I've dragged the image to the end of of a line thinking that it will automatically float left of the bullets (of course I am using the .fltlft class). But the positioning is not consistent in any browser.

Thak Marksey and Nancy, but I am still having issues. I tried the container solution. I altered the source code to this (the bold is what I altered): (again, this is just one of the lists)
<p><a name="service" id="service"></a><strong>REGULAR OR SPECIAL SERVICE MUSIC EXPECTATIONS</strong></p>
<div style="fltlft">
<img src="saxophone.jpg" alt="sax" width="227" height="170" class="fltlft" />
</div>
    <ul>
      <li>Martha will work with the Director of Music to determine the overall service needs, from the theme of the service to particular musical requirements</li>
      <li>Martha will rehearse the choir and/or other musicians ahead of the service</li>
      <li>Martha will meet with the Liturgist and/or Pastor ahead of the service to coordinate any special requirements</li>
      <li>Martha and Dana will provide a prelude, a postlude, an offertory, gifts of music (special music), hymn accompaniment, liturgical music, incidental background music and accompaniment for any special music</li>
      <li>Martha and Dana will play for special services, such as Baptisms, Lessons and Carols, Candlelight Services, Christmas Eve, Lent, Capital Campaign Kickoff, Rally Day</li>
    </ul>
    <p class="clearfloat"/>
In firefox and and chrome it looks fine. But in Internet Explorer, the bullets in the list disappear. Internet explorer created most of the original problem. Before I made this change, the image appeared between the bullets and the text in IE.
I do have an external css attached to this page which has the .fltlft class which I applied to the images. But before I had not addressed the .clearfloat issue (which I also am not sure if I applied correctly).
What am I doing wrong????

Images Change Colors between monitors while the UI stays the same

Hey! Im having an issue where photoshop changes the colors when I move the window between my monitors, seen here: http://sta.sh/04y5s60vf3j This isnt due to the monitors themselves being different, it actually changes after a few seconds of moving it inbetween the monitors. The left one has been callibrated with a spyder 3 elite which I no longer have access to. I applied the file with windows color management instead of the spyder utility. The second one is new, and it is not callibrated by anything, but instead was done by hand with the built in brightness/contrast/custom RGB settings. Both of them are very close to eachother, enough so for my tastes. but when photoshop changes what the image looks like, it's causing problems. Interestingly enough, when I disable callibration for the monitor on the left, the image does not change colors between monitors, but instead always appears as it does on the right. but then they don't match up and the whole screen looked washed out because it's uncallibrated, so that doesnt do me any good. Another interesting thing to point out, is when this image is saved as a .JPG, and viewed with firefox the image appears exactly like the monitor on the LEFT (which is my main monitor) despite the left monitor being the one that is force changed. does anyone have any suggestions? It also appears that windows photoviewer is behaving the same way, though firefox does not. Meaning when I open an image in all 3 on the left monitor, they look the same, but when opened on the right monitor, windows photo viewer and photoshop both display the image as brighter and redder than firefox does. This is frustrating, because it seems photoshop is changing the image with my callibration on my left monitor to match what it looks like on the web, which it does. but it doesn't do this for the right monitor, or when the left is uncallibrated. Another issue I can see with this is even if the UI is the same shade of gray, the images are different between the monitors because of this change. Does anyone have any suggestions?
- BD

Alright! So I reread through all this, poked at some things on the internet, and I'm going to attempt to summarize what would be a good solution for all this (And it seems, it still won't be perfect, but to get myself into the best environment I can for not messing with images for an hour trying to make them look nice before I post them to the web. I painted something yesterday on the cintiq, popped it over to my laptop screen and it just looked washed out and terrible.)
1. Get a X-rite EODIS3 i1 Display Pro, Callibrate laptop and cintiq. I do have the money to drop on something like this, especially if it's a time saver.
     Things I'm not sure about:
          a. There was a ton of complaints about the software not working when I checked reviews, but also a ton that said everything was great. most of them were mac users though.
          b. I'm not sure if problems would still be posed, even while calibrated, by me having a wide gamut monitor.
          c. I'm a terrible excuse for a human being and I think the colors showing up brighter on the wide gamut screen is pretty (I should just make my images this bright on a normal screen and there won't be any issues. >.>)
2. Set Firefox to color manage (easy enough)
3. Change my photoshop working space to sRGB (since they'll have been calibrated at this point)
3. Accept the fact that most of the people who look at my work will be doing so on a monitor that is almost certainly uncalibrated, and I can't control what they will see on my screen, but I CAN control if the colors are -actually- what I want them to be on any properly calibrated device. which is probably the best way to go anyways.
4. Make paintings, have fun.
Now, you two have been going on about all sorts of interesting things in here, and it seems that calibration issue run much much deeper than I ever thought. Do either of you have recommendations for how I should tweak this list of things to do or other things I can/ should do? I'm not currently a working professional, but if I have anything to say about it, I will be within a few years (I'm going to school for illustration and studying concept design on my own time) so it'd be useful for me to get into good habits now.
- Brendavid

How do i get my events to change colors when i add new ones in my calendar

How do I get my events to change colors when I add a new event in my calendar?

When you add an event and you see the heading "Calendar", do you see a name to the right of it such as "Work"? If you tap on the heading "Calendar" does it show you a list of calendars?
I'm basing this on my experience using iCal on a Mac to sync with my iPad. I created a number of calendars on the Mac and assigned them different colors. Those appear on my iPad. I don't know how to create additional calendars on the iPad alone - I must create them in iCal or MobileMe then they show up on the iPad. Are you using a Mac or MobileMe?

How do I get a field to automatically select a value and change color based on another automatic field?

Here is the situation:
I have a row on a form called Finding Risk Rating. In this row are four fields: Probability, Severity, Risk Rating, Color.
Probability is a drop down menu with the following values: 1, 2, 3, 4, 5
Severity is a drop down menu with the following values: A, B, C, D, E
Risk Rating is a field that I have a custom calculation script:
var riskRating = this.getField("Probability").value+this.getField("Severity").value;
event.value = riskRating;
So, when I pick Probability = 1 and Severity = D, Risk Rating will automatically change to 1D, etc. This works fine on the surface as far as I can tell.
The part where I am stuck, is the fourth field Color.
Ideally, I want Color to be automatically populated depending on the value of Risk Rating. For example, for 1E I would want it to say "YELLOW" and the field to change color to yellow. For 1A it would be "GREEN" with the color green, etc.
I tried doing an if else for all cases, but it never refreshes to the correct value. I then checked using app.alert to see what fields riskRating and colorRank are (see code below), and I noticed that riskRating never changes, even though the value in Risk Rating changes. Is there a way to order script(s) so that if I execute one, the other will follow? I'm new to scripting for forms and haven't done any programming in 10+ years, so feel free to rip my code in favor or something more efficient, or direct me to a good resource I can learn from.
Here's the basis of what I have for scripting on Color. It's brief because I wanted to test it out before writing every 'if else' statement.
var colorRank;
var riskRating = this.getField("Risk Rating").value;
if (riskRating = "1E") colorRank = "YELLOW";
else if (riskRating = "1A") colorRank = "GREEN";
else if (riskRating = "5A") colorRank = "RED";
event.value = colorRank;
app.alert("colorRank = " + colorRank + ", riskRating = " + riskRating);
Any help is appreciated. Thanks!

One problem is if more than one combo box item has the same number associated with it, you cannot simply set the export value to the corresponding number since they need to be unique (or the user interface behaves weird). One thing you can do is set up an object to associate a list item with a value, and look up the value in code when a list item is selected.
For more information, see: http://acrobatusers.com/tutorials/2007/js_list_combo_livecycle

Why do eBay item listings no longer change colors after being viewed?

Need some help with a problem – in the past, when I opened a specific listing on eBay, it changed color from blue to red when I got back out of the listing. As of late, they do not change and remain blue. As I do 20-30 music title searches daily, the color change was a real time saver as I could tell immediately when I had begun yesterday’s search as it was now red. Without the color change, I have to pay much more attention and invariably end up searching beyond that point until I realize it. Do you have any idea how I can get back to the color change? Any help would be much appreciated.
Many thanks!

I've seen more posts from people that also have this issue with visited links while using the Back button, so this behavior may be a regression and caused by using the cache more aggressively.
Does opening the link in a new tab work to show the visited state of links?

How do I create an unordered list with three items and link to id's

How do I create an ordered list with three items and linl to id's on my page

Thanks, I guess what I was really asking, Is there a n option in the insert menu or somewhere where Dreamweaver does it for you.
I am not clear on what you are wanting DW to do for you? Is it that you want it to insert a three item unordered list? No - there's no such function. You would need to click in Design view where you want the list to go, click on the bulleted list icon on the Property inspector, and then enter the three items separated by carriage returns. Then you'd have to link each item specifically.
To enter the named anchors to element ID values, CS5 has no way to do this. You'd have to enter those links manually.

Unordered list not printing correctly

I created a heading 3 followed immediately by an unordered
list. However, when I print the webpage out, I see the heading 3
fine and then the 1st bullet appears where it should but the text
for the first bullet begins several lines down the page. All the
other bullets are thus pushed down as well but the spacing for the
remaining bullets is fine. It's just that the text for the first
bullet begins way down the page. Everything looks OK in the
browser; just when printed is the problem.
Here is the process I followed. Selected heading 3 on the
property inspector and typed my heading. Then went to
insert-->html-->text objects-->unordered list and began
typing in the info for each bullet
My code is below. Please help.
<h3>Deposit Ticket Request</h3>
<ul>
<li>Deposit tickets will be paid for by Treasury
Operations provided they are ordered through our department and not
ordered as a RUSH</li>
<li>If a RUSH is requested it will be the
responsibility of the department to cover all charges for the
deposit tickets</li>
<li>Please allow 3-4 weeks for the deposit tickets to
arrive once they are ordered</li>
<li>Whenever a deposit is made, a deposit ticket MUST
be included, regardless of the amount, or the type of
deposit</li>
<li>The deposit tickets will be either a two or three
part ticket</li>
</ul>

.oO(Johnny the boy)
>Thanks for the reply Micha
>
> It appears the problem occurs in I.E. but is just fine
when printing in Firefox
>
> the site address to the page in question is
>
http://www.indiana.edu/~iutreas/test/forms/bankingdepositticketrequest.html
It's most likely an IE issue with floats. I already get this
effect in
the normal browser view - the form is pushed down after the
left-side
"New Items" box. The print preview looks even worse as
described.
Actually I don't have a quick solution at hand. A while ago I
had a
similar problem on one of my sites, but can't remember what I
did to
solve it ... In many cases it's enough to simply apply a
height: 1% or
zoom: 1
to the floated element to get the rendering right in IE. You
just have
to make sure that only IE sees these hacks. Conditional
comments are
really helpful for that.
Micha

How to change colors in Color Ramps

Hello,
I would like to use Color Ramps, and I need to change colors. In help documents, it say that I juste have to right click in the icon and change what I want. But I tried all option and I can't do anything I want.
Can you help me ??
Thanks
David

Seems that I'm not the only one to have problems with color ramps...
Nearly everything was explained in the on-line help. Nearly...
"Complete the following steps to change the colors of a color ramp.
1. Right-click the color ramp or a marker and select Marker Spacing»Arbitrary from the shortcut menu to switch the color ramp to arbitrary marker spacing.
2. Use the Operating or Positioning tools to right-click the marker next to the color ramp and select Marker Color from the shortcut menu to change the color associated with a marker.
3. Select the color you want from the color picker that appears."
Additionnal hints :
After switching to arbitrary marker spacing, suppress all intermediate markers (right click> Delete). Then adjust the colors of th
e two remaining end markers. With some ramps, you will be obliged to move slighty the marker position to get a color update.
If you need to insert intermediate colors, add intermediate markers (right click > Add). Using the text tool, type in the exact value associated with the marker. Select the color you want to associate with the marker.
When finished, switch back to uniform marker spacing.
Have fun...
CC
Chilly Charly (aka CC)
E-List Master - Kudos glutton - Press the yellow button on the left...

Unordered list - changing color of bullets

Similar Messages

Maybe you are looking for