Styling LinkButton

Hi,
I am trying to style a linkbutton but it does not work
        button = new LinkButton();
        button.label = labelProp.getValue(node);
        button.styleName = "treeMapLinkButton";
        button.setStyle("fontFamily", "Supertext 01");
        button.setStyle("fontSize", "10");
        button.setStyle("verticalAlign", "middle");
        button.setStyle("paddingTop", "0");
        button.setStyle("paddingBottom", "0");
        button.setStyle("paddingLeft", "0");
        button.setStyle("paddingRight", "0");
I set a custom font and also do it in the external css style nothng works ???

What happens when you try to set the font in MXML:
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
<mx:LinkButton label="ChikaraDev" fontFamily="Arial" fontSize="20"
click="navigateToURL(new URLRequest('http://www.ChikaraDev.com'), '_blank')"/>
</mx:Application>
What happens when you try to set the font to some other non-custom font?
If this post answers your question or helps, please mark it as such.
Greg Lafrance
www.ChikaraDev.com
Flex Development and Support Services

Similar Messages

Dreamweaver does not link any images or styling to my webpage

Hi,
I have been creating a webpage and have moved images from one folder to another and now the website will not display any images or styling. I have moved all the content back and it still doesn't show. I have created a completely new website with new images and styling and even now it still doesn't link the images to the "live view" (or when I open it in a browser). What have I messed up?
Thanks in advance.
Tom.

Thanks for you quick response - Please note that even if I use a template it doesn't show any image I put in. Can you see a problem with this template code? I have put the HTML and then the CSS after
PLEASE ALSO NOTE: I have completely re-done site management and moved images to where they should be. This has not worked.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Untitled Document</title>



<link href="file:///C|/Users/admin/Desktop/tomstinhouse/twoColElsRtHdr.css" rel="stylesheet" type="text/css" />
</head>
<body class="twoColElsRtHdr">
<div id="container">
<div id="header">
    <h1>Header</h1>
</div>
<div id="sidebar1">
    <h3>sidebar1 Content</h3>
    <p>The background color on this div will only show for the length of the content. If you'd like a dividing line instead, place a border on the right side of the #mainContent div if the #mainContent div will always contain more content than the #sidebar1 div. </p>
    <p>Donec eu mi sed turpis feugiat feugiat. Integer turpis arcu, pellentesque eget, cursus et, fermentum ut, sapien. </p>
</div>
<div id="mainContent">
    <h1> Main Content </h1>
    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo porttitor, felis. Nam blandit quam ut lacus. </p>
    <p>Quisque ornare risus quis ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at, odio. Donec et ipsum et sapien vehicula nonummy. Suspendisse potenti. Fusce varius urna id quam. Sed neque mi, varius eget, tincidunt nec, suscipit id, libero. In eget purus. Vestibulum ut nisl. Donec eu mi sed turpis feugiat feugiat. Integer turpis arcu, pellentesque eget, cursus et, fermentum ut, sapien. Fusce metus mi, eleifend sollicitudin, molestie id, varius et, nibh. Donec nec libero.</p>
    <h2>H2 level heading </h2>
    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at, odio.</p>
</div>
<br class="clearfloat" />
   <div id="footer">
    <p>Footer</p>
</div>
</div>
</body>
</html>
@charset "utf-8";
body {
font: 100% Verdana, Arial, Helvetica, sans-serif;
background: #666666;
margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
padding: 0;
text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
color: #000000;
/* Tips for Elastic layouts
1. Since the elastic layouts overall sizing is based on the user's default fonts size, they are more unpredictable. Used correctly, they are also more accessible for those that need larger fonts size since the line length remains proportionate.
2. Sizing of divs in this layout are based on the 100% font size in the body element. If you decrease the text size overall by using a font-size: 80% on the body element or the #container, remember that the entire layout will downsize proportionately. You may want to increase the widths of the various divs to compensate for this.
3. If font sizing is changed in differing amounts on each div instead of on the overall design (ie: #sidebar1 is given a 70% font size and #mainContent is given an 85% font size), this will proportionately change each of the divs overall size. You may want to adjust based on your final font sizing.
.twoColElsRtHdr #container {
width: 46em; /* this width will create a container that will fit in an 800px browser window if text is left at browser default font sizes */
background: #FFFFFF;
margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
border: 1px solid #000000;
text-align: left; /* this overrides the text-align: center on the body element. */
.twoColElsRtHdr #header {
background: #DDDDDD;
padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
.twoColElsRtHdr #header h1 {
margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
/* Tips for sidebar1:
1. Be aware that if you set a font-size value on this div, the overall width of the div will be adjusted accordingly.
2. Since we are working in ems, it's best not to use padding on the sidebar itself. It will be added to the width for standards compliant browsers creating an unknown actual width.
3. Space between the side of the div and the elements within it can be created by placing a left and right margin on those elements as seen in the ".twoColElsRtHdr #sidebar1 p" rule.
.twoColElsRtHdr #sidebar1 {
float: right;
width: 12em; /* since this element is floated, a width must be given */
background: #EBEBEB; /* the background color will be displayed for the length of the content in the column, but no further */
padding: 15px 0; /* top and bottom padding create visual space within this div */
.twoColElsRtHdr #sidebar1 h3, .twoColElsRtHdr #sidebar1 p {
margin-left: 10px; /* the left and right margin should be given to every element that will be placed in the side columns */
margin-right: 10px;
/* Tips for mainContent:
1. If you give this #mainContent div a font-size value different than the #sidebar1 div, the margins of the #mainContent div will be based on its font-size and the width of the #sidebar1 div will be based on its font-size. You may wish to adjust the values of these divs.
2. The space between the mainContent and sidebar1 is created with the left margin on the mainContent div. No matter how much content the sidebar1 div contains, the column space will remain. You can remove this left margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends.
3. To avoid float drop, you may need to test to determine the approximate maximum image/element size since this layout is based on the user's font sizing combined with the values you set. However, if the user has their browser font size set lower than normal, less space will be available in the #mainContent div than you may see on testing.
4. In the Internet Explorer Conditional Comment below, the zoom property is used to give the mainContent "hasLayout." This avoids several IE-specific bugs that may occur.
.twoColElsRtHdr #mainContent {
   margin: 0 13em 0 10px; /* the left margin will look best if you match the padding amount to the header and footer. */
.twoColElsRtHdr #footer {
padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
background:#DDDDDD;
.twoColElsRtHdr #footer p {
margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
float: right;
margin-left: 8px;
.fltlft { /* this class can be used to float an element left in your page */
float: left;
margin-right: 8px;
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;

Photoshop CC: Copy CSS doesn't work when text is styled as paragraph

I'm using the most recent version of photoshop, CC-14.0, on a Mac running OSX 10.8.4
I'm finding that the "copy css" function does not work if a paragraph is styled with a custom paragraph style. In other words any text that is not styled as "basic paragraph" or "basic paragraph+".
I can copy css from a text block with a custom paragraph style, but the css is wrong. It doesn't reflect the attributes I have set up in my custom paragraph style. Instead it writes out the default "basic paragraph" style. If I copy the css from a text block styled as "basic paragraph+" it writes the css correctly.
This is disappointing because it defeats the purpose of being able to create paragraph and character styles (like in InDesign).
This is a bug or oversight, right? Is there a reason why it should work this way?

14.0 is not latest version. Click Help/updates

Spry Menu Bar Advanced Styling Question

Hello all,
I am using Spry Menu Bars for the first time and have checked
out most of the online documentation. I have gone into the CSS file
to customize much of the look of my first menu using the
documentation I could find.
I would like to do the following, but can't seem to find the
CSS code bits to do it:
1. Change the height (not width) of my top menu trigger item
-- it has created some unwanted padding.
2. Change the width of my submenu independently of the top
menu item -- eliminate cramping and allow for longer text than the
top menu trigger.
3. Change the submenu text color and size independently of
the top menu item text.
Here is a link to my sample navigation bar (only the first
item "Latest News" has a menu):
http://stage.ecdi.com/includes/nav_bar.html
Sorry for the extent of my request, but I have gotten
blurry-eyed looking for posted material that answers my inquiry. I
wish there were an easier way to accomplish complete styling,
considering how popular these menus are.
You guys are the best...
Matt

Hi,
could you have a look here to David's tutorial: http://foundationphp.com/tutorials/sprymenu/customize4.php?
... or this thread (2: gramps) e.g: http://forums.adobe.com/thread/801176#3519178
Hans-Guenter

How do I create data-driven linkbuttons whose visibility is controlled from the front end?

I've made a component based on a mx:TitleWindow that contains linkbuttons that I'm using as a context-menu.
The TitleWindow component contains link buttons like this:
[Bindable]
private var _showEmailThis:Boolean = false;
[Bindable]
private var _showApproveThis:Boolean = false;
[Bindable]
private var _showReviewThis:Boolean = false;
<mx:LinkButton id="lnkEmailThis"
               visible="{_showEmailThis}"
               includeInLayout="{_showEmailThis}"
               click="lnkEmailThis_click()"
               label="Email this!" />
<mx:LinkButton id="lnkApproveThis"
               visible="{_showApproveThis}"
               includeInLayout="{_showApproveThis}"
               click="lnkApproveThis_click()"
               label="Approve this!" />
<mx:LinkButton id="lnkReviewThis"
               visible="{_showReviewThis}"
               includeInLayout="{_showReviewThis}"
               click="lnkReviewThis_click()"
               label="Review this!" />
This component contains a large number of links and is re-used by multiple modules in the same application.
Within each module, this component is used when a user clicks on a row in a datagrid.
The code looks like this:
In "Requests" module:
private function dgRequests_click(event:MouseEvent):void
    menu.showApproveThis = true;
    menu.showReviewThis = true;
In "Performance" module:
private function dgPerformance_click(event:MouseEvent):void
    menu.showEmailThis = true;
    menu.showReviewThis = true;
As you can see, the visibility of individual linkbuttons is controlled within each module by setting boolean properties.
If I alter this component to use a renderer, how can I control the visibility of the linkbuttons from the code in each module (there are over a hundred links with different functionality - not every link will be used in each module)? Note: it is not known from the back-end which grid within which module uses which link. This is set in the front end within each module's actionscript file.
e.g., if the XML looks like this:
<links>
   <link>
      <label>Email This</label>
      <visible>_showEmailThis</visible>
   </link>
   <link>
      <label>Approve This</label>
      <visible>_showApproveThis</visible>
   </link>
   <link>
      <label>Review This</label>
      <visible>_showReviewThis</visible>
   </link>
</links>
and I set the Email link to show in the module like this:
private function dgPerformance_click(event:MouseEvent):void
    menu.showEmailThis = true;
How do I make it take effect? Is there a way to control the visibility of a linkbutton within an item renderer in a component from the module that uses that component? Is there something like reflection in the Flex framework?

Put a single frame sequence structure around your stop button and then wire from the error cluster going into the error handler to the edge of the sequence structure. Now your code will stop at the end of the current iteration. To see why this works, watch you code execute with execution highlighting turned on and review the section of the manual talking about "Dataflow".
Mike...
Certified Professional Instructor
Certified LabVIEW Architect
LabVIEW Champion
"... after all, He's not a tame lion..."
Be thinking ahead and mark your dance card for NI Week 2015 now: TS 6139 - Object Oriented First Steps

How do i create a styled spry mysql driven menu using dreamweaver cs4?

How do i create a styled spry mysql driven menu using dreamweaver cs4?
I have cs4. I gave up on using MS sql as a datasource. I finally got a php successfull connection in my PHP web page.
I would like a nice video tutorial for creating a dynamic menu.
I guess i can style it by attaching a css file to the page. Are their any already designed css files out there in some online area?
i am not a good designer. so i would like to simply have a collection of menu_style.css files and choose what looks good.
But first i need to build the spry menu from the mysql database.
Any help is apprechiated.
My first choice was to maintain the data in an MS sql server file. If i could directly attach to an ms sql datasource then that would be the best option.
I dont think i want to have to re-generate an XML datasource each time i add or modify the menu. I would like to maintain the MS Sql or mySql file instead.
If i could generate an XML datasource from the MS Sql database then I may even prefere that, but i have spent a lot of time trying to figure out how to do that and not had any success. So i prefere working in MS sql but would settle for mySql if i had to.
Thanks
Jerry

To create a dynamic menu take a look here http://labs.adobe.com/technologies/spry/samples/menubar/MenuFromNestedData.html#
The XML file for the above menu looks like this
<?xml version="1.0" encoding="utf-8"?>
<items>
     <item id="0001" type="donut">
          <name>Cake</name>
          <ppu>0.55</ppu>
          <batters>
               <batter id="1001">Regular</batter>
               <batter id="1002">Chocolate</batter>
               <batter id="1003">Blueberry</batter>
               <batter id="1003">Devil's Food</batter>
          </batters>
          <topping id="5001">None</topping>
          <topping id="5002">Glazed</topping>
          <topping id="5005">Sugar</topping>
          <topping id="5007">Powdered Sugar</topping>
          <topping id="5006">Chocolate with Sprinkles</topping>
          <topping id="5003">Chocolate</topping>
          <topping id="5004">Maple</topping>
     </item>
     <item id="0002" type="donut">
          <name>Raised</name>
          <ppu>0.55</ppu>
          <batters>
               <batter id="1001">Regular</batter>
          </batters>
          <topping id="5001">None</topping>
          <topping id="5002">Glazed</topping>
          <topping id="5005">Sugar</topping>
          <topping id="5003">Chocolate</topping>
          <topping id="5004">Maple</topping>
     </item>
     <item id="0003" type="donut">
          <name>Buttermilk</name>
          <ppu>0.55</ppu>
          <batters>
               <batter id="1001">Regular</batter>
               <batter id="1002">Chocolate</batter>
          </batters>
     </item>
     <item id="0004" type="bar">
          <name>Bar</name>
          <ppu>0.75</ppu>
          <batters>
               <batter id="1001">Regular</batter>
          </batters>
          <topping id="5003">Chocolate</topping>
          <topping id="5004">Maple</topping>
          <fillings>
               <filling id="7001">
                    <name>None</name>
                    <addcost>0</addcost>
               </filling>
               <filling id="7002">
                    <name>Custard</name>
                    <addcost>0.25</addcost>
               </filling>
               <filling id="7003">
                    <name>Whipped Cream</name>
                    <addcost>0.25</addcost>
               </filling>
          </fillings>
     </item>
     <item id="0005" type="twist">
          <name>Twist</name>
          <ppu>0.65</ppu>
          <batters>
               <batter id="1001">Regular</batter>
          </batters>
          <topping id="5002">Glazed</topping>
          <topping id="5005">Sugar</topping>
     </item>
     <item id="0006" type="filled">
          <name>Filled</name>
          <ppu>0.75</ppu>
          <batters>
               <batter id="1001">Regular</batter>
          </batters>
          <topping id="5002">Glazed</topping>
          <topping id="5007">Powdered Sugar</topping>
          <topping id="5003">Chocolate</topping>
          <topping id="5004">Maple</topping>
          <fillings>
               <filling id="7002">
                    <name>Custard</name>
                    <addcost>0</addcost>
               </filling>
               <filling id="7003">
                    <name>Whipped Cream</name>
                    <addcost>0</addcost>
               </filling>
               <filling id="7004">
                    <name>Strawberry Jelly</name>
                    <addcost>0</addcost>
               </filling>
               <filling id="7005">
                    <name>Rasberry Jelly</name>
                    <addcost>0</addcost>
               </filling>
          </fillings>
     </item>
</items>
Then remains the manner in which you create the XML file which can be found here http://labs.adobe.com/technologies/spry/samples/utils/query2xml.html
One you have your menu up and running, you will be able to apply styles and effects

Please Help.JTable insert styled text

Hi all java guru,
on post http://forum.java.sun.com/thread.jsp?forum=57&thread=485469 i've depicted my scenario in which i have a JTable where i want to add styled text.
i've implemented a CustomTableModel that maintains information about text style, in such way that when renderer cell, i can rebuild exact text with its style....same method is adopted for CellEditor.
It is possible to have more than one JTable in my application....then to correctly handle all JTables ' put them in a vector and during editing and rendering i find current focusable/selected JTable and edit/render it.
Clearly i maintain information about style of text when i insert it, that is when i insert text, i update my CustomTableModel...same thing must be done when i delete text from JTable...that is, i must update CustomTableModel too in this case.
Because my CellEditor is a JEditorPane component (extend it) i've registered document associated to it to a DocumentListener that notify every time that a remove operation is happens.
What is the problem now???problem is that when i finish to edit a cell and click on another cell i've got a removeUpdate(DocumenEvent e) event, and i can't distinguish it.....it seems a real remove event....
In this case(when i change cell) the code that is executes returns wrong result and invalidate all the rest.
I think error is where i register celleditor , now i do it in CustomCellRenderer class that extend JEditorPane and implements TableCellRenderer.
Please help me...this is a great trouble that invalidate all my work :(
Any new idea is welcome.
regards,
anti-shock

Hi stanislav, of course i can...you're a myth :)
public class CustomCellEditor extends AbstractCellEditor implements TableCellEditor {
     CellEditor cellArea;
     JTable table;
     public CustomCellEditor(JTable ta) {
          super();
          table = ta;
          // this component relies on having this renderer for the String class
          MultiLineCellRenderer renderer = new MultiLineCellRenderer();
          table.setDefaultRenderer(String.class,renderer);
     public Object getCellEditorValue() {
          return cellArea.getText();
     public Component getTableCellEditorComponent(JTable table, Object value, boolean isSelected,     int row, int column) {
          int start = 0;
          int end = 0;
                                           // Get current selected table
          TableEditor tb = (TableEditor) TableEditor.getSelectedTable();
          TableModel model = (TableModel) tb.getModel();
          Vector fontInfo = model.getFontFor(row,column);
          CellEditor cellArea = (CellEditor) ((CustomCellEditor)tb.getCellEditor (row,column)).getCellEditor();
          Document doc = cellArea.getDocument();
          String content = tb.getValueAt(row,column).toString();
          if (doc!=null && fontInfo.size()>0 && !content.equals("")) {
                                                 // This method reads from model and get right style info
                                                 // for current text, and restore them
                                                 restoreFontWithAttributes(doc,fontInfo,content);
          else
               cellArea.setText(tb.getValueAt(row,column).toString());
          cellArea.rowEditing = row;
          cellArea.columnEditing = column;
          cellArea.lastPreferredHeight = cellArea.getPreferredSize().height;
          return cellArea;
      * @return
     public CellEditor getCellEditor() {
          return cellArea;
     public class CellEditor extends JEditorPane {
          private CellStyledEditorKit k;
          public CellEditor() {
                super("text/plain","");
                k = new CellStyledEditorKit();
                setEditorKit(k);
                // I tried to add document here, but i have had wrong behavior
               doc = new DocumentListener() {
               public void removeUpdate(DocumentEvent e) {
                  // Get current selected table
                  TableEditor tb = (TableEditor) TableEditor.getSelectedTable();
                  TableModel model = (TableModel) tb.getModel();
                  model.updateFontInfo();
               getDocument().addDocumentListener(doc);
}Ok, stan...this is my CustomCellRenderer class....as i have already said, i have some style text info mainteined by CustomTableModel associated with JTable.
I update CustomTableModel every time that an insert and remove operation happens.
If i add a DocumentListener to CellEditor (that rapresents editor cell of my table) happens that, if i remove some character from an editing cell, i got a removeUpdate event.....and this is right!!! But if i change cell (e.g. supposing editing cell(1,1), click on cell(2,1) then stop edit cell(1,1) and start edit cell(2,1)) i got a removeUpdate event, that I don't wait for to me..
Look at this:
empty cell | some text
cell 0 ------- cell1
supposing you're in cell1 and you have finished to insert "some text".Then click on cell0, that is empty....then document associated with CellArea(extend JEditorPane) before of the click on cell0 had some text, but after click have no text, then for it a removeUpdate is happens.....and is that one i got..
it's as if an unique document is associated to all cells, while should be one document for each cell (i hope this is right).
Clearly, i've same code for renderer, in such way that i can restore style of text on rendering.
Hope is clear....if U have any idea or suggestion please give to me.
Tnx a lot Stanislav..
regards,
anti-shock

What is the correct way to add styling to drag-and-drop created calendars?

I have a working instance of a rich client calendar. I generated the view with the required fields (start, stop, provider, ...), put it into the App Module, and dragged it onto a JSF page to create a calendar.
Next I created an activityScope object in a class called CalendarBean (no inheritance)
Class CalendarBean()
private HashMap<Set<String>, InstanceStyles> activityColorMap;
+..+
+public CalendarBean() {+
super();
activityColorMap = new HashMap<Set<String>, InstanceStyles>();
HashSet setEd = new HashSet<String>();
HashSet setLen = new HashSet<String>();
setEd.add("Work");
setLen.add("Home");
activityColorMap.put(setEd, CalendarActivityRamp.getActivityRamp(CalendarActivityRamp.RampKey.ORANGE));
activityColorMap.put(setLen, CalendarActivityRamp.getActivityRamp(CalendarActivityRamp.RampKey.RED));
+}+
+}+
Next, I linked this up as a backing bean and associated the ActivityStyles of CalendarBean to it:
+#{backingBeanScope.calendarBean.activityColorMap}+
I populated some records in the database with properties "Work" and "Ed', but they show default blue.
As I understand it, I need to do something with the getTags() method of the underlying CalendarActivity class, but I'm not quite sure how to do that.
Took a stab at creating a class, CalendarActivityBean, that extended CalendarActivity, and pointed all the CalendarActivity references I had to the new class, but it didn't seem to fire (in debug), and I got into trouble, when inserting records, with
public void calendarActivityListener(CalendarActivityEvent calendarActivityEvent) {
currActivity = (CalendarActivityBean) calendarActivityEvent.getCalendarActivity();
being an illegal cast
What is the correct way to add provider-based styling to drag-and-drop create calendars?
Ed Schechter

A colleague of mine was kind enough to solve this:
The calendar has ActivityStyles property = #{calendarBean.activityStyles}
CalendarBean looks something like this:
package com.hub.appointmentscheduler.ui.schedule;
import java.util.HashMap;
import java.util.HashSet;
import java.util.Set;
import oracle.adf.view.rich.util.CalendarActivityRamp;
import oracle.adf.view.rich.util.InstanceStyles;
+public class CalendarBean {+
private HashMap activityStyles;
private String dummy;
+public CalendarBean() {+
+// Define colors+
activityStyles = new HashMap<Set<String>, InstanceStyles>();
HashSet setPending = new HashSet<String>();
HashSet setArrived = new HashSet<String>();
HashSet setApproved = new HashSet<String>();
HashSet setCompleted = new HashSet<String>();
setApproved.add("APPROVED");
setPending.add("PENDING");
setArrived.add("ARRIVED");
setCompleted.add("COMPLETED");
activityStyles.put(setApproved, CalendarActivityRamp.getActivityRamp(CalendarActivityRamp.RampKey.GREEN));
activityStyles.put(setPending, CalendarActivityRamp.getActivityRamp(CalendarActivityRamp.RampKey.ORANGE));
activityStyles.put(setArrived, CalendarActivityRamp.getActivityRamp(CalendarActivityRamp.RampKey.PLUM));
activityStyles.put(setCompleted, CalendarActivityRamp.getActivityRamp(CalendarActivityRamp.RampKey.LAVENDAR));
+}+
+public void setactivityStyles(HashMap activityStyles) {+
this.activityStyles = activityStyles;
+}+
+public HashMap getactivityStyles() {+
return activityStyles;
+}+
+}+
Now, go into the Bindings tab on the calendar page, double click the calendar binding, and specify the column you've defined as the calendar's Provider in the Tags dropdown.
Should show colors.

How do I create a vertical side menu with its own styling separate from the horizontal bar above it?

Hello. I need assistance in styling my side menu. I would like for it to have a different style than the horizontal bar that is above it. I would like that the side menu have a black background and with white text vertically aligned to the left. But I would also like that the mouse's arrow to turn into a hand when it touches the letters instead of during the entire width of the background. When I began styling the text, everything aligned fine until I added the links in html code. When I added the <a> tag and created a link to another page, the text goes from the left to the center of the black box. And the entire width is a link rather than just the words. To correct this, I tried renaming the div tag containg the menu. I tried renaming the ul tag. And I tried renaming the li tag and changing the declarations. None of these ideas worked. I thought about changing the <a> tag in the head of the document, but that didn't change the styling either. I also tried creating the black background by inserting a black box as a background image with the links over top of the image. It didn't work. I would appreciate your assistance.   I will supply the coding if anyone is interested in looking at it. Thank you.
Nora.

I can post a link to the page. But I will need to upload it. It will take a day to show. But after I wrote to you. I began working with creating additional a:link styles. I was able to create a shortened clickable area of one the words in the vertical menu. Your advice reinforced what I have learned. The following code shows that I started to make different styles of the a:link for each word on the vertical menu. I think that this will work. To indicate the different a:link style I used bold letters . Thank you very much.
html:
<div class="side_menu_nav">
     <ul class="side_menu">
          <li class="side_menu"><a href="still image.html">STILL IMAGE</a></li>
          <li class="side_menu_video"> <a href="video.html">VIDEO</a></li>
          <li class="side_menu" ><a href="animation.html">ANIMATION</a></li>
          <li class="side_menu" ><a href="website.html">WEBSITE</a></li>
     </ul>
</div>
CSS:
.side_menu_nav {
    margin-top: 100px;
    width: 190px;
    height: 230px;
    background-color: #F63;
    font-size: 18.5px;
    z-index: 5;
    font-family: Arial, Helvetica, sans-serif;
side_menu ul {
    list-style-type: none;
    padding-left: 10px;
side_menu li {
    display: list-item;
.side_menu a:link {
    text-align: left;
    color: #FFF;
    background-color: #000;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    width: 190px;
    margin-top: 15px;
    margin-left: 15px;
    margin-right: 0px;
    text-decoration: none;
    width: 120px;
.side_menu_video a:link {
   text-align: left;
    color: #FFF;
    background-color: #000;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    width: 65px;
    margin-top: 15px;
    margin-left: 15px;
    margin-right: 0px;
    text-decoration: none;
.side_menu a:visited {
    color: #FFF;
    background-color: #000;
.side_menu a:hover {
    color: #CCC;
.side_menu a:active   {
    color: #000;/*text*/

LinkButton click doesn't launch URL in the bin-release folder

I have a project "xyz.mxml" in which I use a datagrid. The action script assigns a ItemRenderer of object LinkButtonRenderer
gdColumn.itemRenderer = new ClassFactory(LinkButtonRenderer);
This LinkButtonRenderer.mxml is another file in my project "xyz.mxml"
When I run the application in the Flex builder, it runs fine and on the button click the url opens up. But when I copy all the files out from the "/bin-debug" folder to any other folder, the button click does not work. If I do a "Export Release Build" all the files get created in the "bin-release" folder. But the link button does not work here.
<?xml version="1.0"?>

<mx:VBox xmlns:mx="http://www.adobe.com/2006/mxml">
<mx:Script>
       <![CDATA[
           import mx.events.ListEvent;
           import mx.controls.LinkButton;
           import mx.controls.Button;
        import mx.controls.Alert;
        import flash.net.navigateToURL;
        private function handleClick(eventObj:Event):void
            var u:URLRequest;
            u = new URLRequest(data.url.toString());
            navigateToURL(u, "_self");
              ]]>
     </mx:Script>
        <mx:LinkButton id="url" label="{data.label}" click="handleClick(event);" color="blue"/>
</mx:VBox>

For testing the URL im ausing is http://google.com
This buton click operation works when I run it from the Flex Builder Application, by clicking on the "Run" Button, the swf file gets created in the /bin-debug folder.
Once I export it "Export Release build" all the necessary files get created in the /bin-release folder. Here if i open the html file and click on the button nothing happens

Error in Simple mx Component Styling?

Like many, I am finding the behavior of CSS namespaces in Flex 4 very frustrating.
I have a very simple example which is not working. I hope I'm missing something!
I have a SWC with a defaults.css file. The CSS file is setting the style for Alert using the following:
@namespace "http://www.adobe.com/2006/mxml";
Alert
backgroundColor: #333333;
borderColor:#555555;
color: #ff0000;
backgroundAlpha:0.9;
borderAlpha:1;
buttonStyleName: Button;
paddingBottom: 8;
The namespace is set as you can see. I have also tried this by specifying "mx". The Alert box does not get styled, not even the background color gets set.
What am I missing? I am using the Alert in Actionscript using Alert.show. This worked fine in Flex 3.

Alrighty, I've got a Flex Library project compiling a SWC containing a defaults.css file, with the following:
@namespace "library://ns.adobe.com/flex/mx";
Alert
backgroundColor: #333333;
borderColor:#555555;
color: #ff0000;
backgroundAlpha:0.9;
borderAlpha:1;
buttonStyleName: Button;
paddingBottom: 8;
Then amidst some Actionscript ...
Alert.yesLabel = "Hi";
Alert.noLabel = "Bye";
Alert.buttonWidth = 80;
Alert.show("Hello World?", "Close", Alert.YES | Alert.NO | Alert.CANCEL, ApplicationUI.instance);
Pretty basic, just can't get style working on the Alert at all. It is working for Button, but not for the button's background. If you have a simple example of it working, that's be perfect!
Thanks,
-Patrick

Inserting styled table in a left floated DIV causes dropdown of right floated DIV

Seems fine without the table see http://www.fearlessselling.net/index.html
But adding a styled table bumps right side DIV down
http://www.fearlessselling.net/index2.html
Are the two table and .bordertable CSS styles in conflict with each other?
http://www.fearlessselling.net/fearless.css
Your wisdom willl be appreciated.

Running your css file through the w3schools validator found a few lines with errors (an empty definition for background-color and an !important)
But I think the main difficulty is one of simple math...your widths are adding up to not fit next to each other.
Do a study of your box here...add up your borders, your widths, and your paddings. I suspect you will find the difficulty there.
Z

Problem opening a UDO via a LinkButton

Hello all,
I need to open the form of a user-defined object upon a click on a LinkButton. To do this, I Activate() the corresponding menu, then Activate() the Find menu, enter the document number into the appropriate EditText and press the "Find" button.
The problem is that when entering the "Add" mode, the UDO performs initialization of some fields, so that if one tries to enter the "Find" mode, the following system message appears in a modal window and stops the execution of the code:
"Changes will cause the data to be deleted. Continue?"
Is there a way to temporarily disable this message to enable the addon to open the UDO form without any interference from the user?
Thanks in advance,
Anton

Anton,
new thread is one possibility, but the messsage box is not win message box, but SAP form, so I think you can clcik there without new thread too.
Check this thread, hope it helps
Re: Confirmation Dialog in my way

How can I add a linkbutton in the matrix (XML)

Hi,Everybody ,I want to add a linkbutton in the matrix ,and the form that the matrix is in was created by using XML ,this is the XML code .
                                                  <column AffectsFormMode="1" backcolor="-1" description="" disp_desc="0" editable="1" font_size="12" forecolor="-1" right_just="0" text_style="0" title="ItemCode" type="16" uid="2" visible="1" width="80">
<databind alias="U_ItemCode" databound="1" table="@IQM1"/>
                                                       <ExtendedObject linkedObject="4"/>
                                                  </column>
and How can I do in my code , and I can get the linkbutton.
thanks .

Change the type of the column to 116 and then it will display the linked arrow.
You'll see right now it has made space but not diplaying it.
Hope this helps

How can I add a linkbutton in the matrix (SBO 7.10.75)

Hi ,everybody ,I want to add a linkbutton in a matrix ,and it's linkobject is If_PurchaseOder , but there are some errores ,and I don't know why .
in the SBO2004B ,You can use
set oLink=oColumn.ExtendedObject
oLink.LinkObject=If_PurchaseOrder
but in the SBO7.10.75 , oColunm has no such method.
How can I do it ?
thanks

From the documentation of 2004a:
Use the LinkedButton object to create a link to another object from a column with a link arrow.
First, assign this object to a LinkedButton object and then use the LinkedButton object to link the column to the object you want.
Example
[Visual Basic] The following sample code shows how to add a column with a link arrow and link it using the ExtendedObject property.
Dim oLink As SAPbouiCOM.LinkedButton
    Set oColumn = oColumns.Add("A", it_LINKED_BUTTON)
    oColumn.DataBind.SetBound("True","","linkDataSource")
    Set oLink = oColumn.ExtendedObject
    oLink.LinkedObject = lf_BusinessPartner

Styling LinkButton

Similar Messages

Maybe you are looking for