How to set css effect on choicebox items

Hello,
i've got two questions.
1) How can i edit an "Item" of a choicebox with css? I've figured out that i can easily give my choicebox like a other background color with it's ID. But i dont know how i do it with the items in a choicebox.
2) And how do i implement, that the choicebox items are shown when i only hover over the choicebox?
Thanks in advance!

Hy there,
1.)
best way to start styling is to have a look at the default styles defined in caspian.css located in jfxrt.jar
This is the best doku about css styling in javaFX beyound the css reference guide: http://docs.oracle.com/cd/E17802_01/javafx/javafx/1.3/docs/api/javafx.scene/doc-files/cssref.html
2.) I think you could set the items with -fx-color: transparent as they should dissapear on hover if you manipulate the style
.choice-box .menu-item .hover{
-fx-text-color:transparent;
also try effects on
.choice-box:hover {
-fx-text-color:transparent;
}

Similar Messages

  • How to set Css in mobile device + OS  using Flex 4.5 Mobile

    Hi,
    how to set Css for mobile device + OS
    is it possible
    @media (device : "IPAD") and (application-dpi: 160) and (os-platform: "IOS") { }
    Can anyone help to me.

    BorderContainer wont resize if the fixed width is specified, if u want to give some minimum width you can use minWidth . Give  Width = "100%", now it will get Resizing capabilities

  • How to set different numbers of visible items af:menu

    Hi guys,
    I have a request in setting different number of visible items for adf menu components(af:menu). I see that this option is available from the css skin file using " -tr-visible-items" attribute on af|menu selector:
    af|menu
    -tr-visible-items: 3;
    The main issue is that I have 2 menu components and on menu1 I need 3 items visible and on menu2 4 items. I created a custom styleClass and called from one of the menu, but it doesn't seem to work.
    JSFF snippet:
    <af:menuBar id="mb1">
    <af:menu text="Menu with 3 items" id="m1">
    <af:commandMenuItem text="commandMenuItem 1" id="cmi1"/>
    <af:commandMenuItem text="commandMenuItem 2" id="cmi2"/>
    <af:commandMenuItem text="commandMenuItem 3" id="cmi3"/>
    <af:commandMenuItem text="commandMenuItem 4" id="cmi4"/>
    <af:commandMenuItem text="commandMenuItem 5" id="cmi5"/>
    </af:menu>
    <af:menu text="Menu with 4 items" id="m2" styleClass="myclass">
    <af:commandMenuItem text="commandMenuItem 1" id="cmi6"/>
    <af:commandMenuItem text="commandMenuItem 2" id="cmi7"/>
    <af:commandMenuItem text="commandMenuItem 3" id="cmi8"/>
    <af:commandMenuItem text="commandMenuItem 4" id="cmi9"/>
    <af:commandMenuItem text="commandMenuItem 5" id="cmi10"/>
    </af:menu>
    And this is the CSS snippet:
    af|menu
    -tr-visible-items: 3;
    .myclass
    -tr-visible-items: 4;
    I tried also adding the following to filter components but no luck...
    .myclass af|menu
    -tr-visible-items: 4;
    So always only 3 items are displayed, looks like the cusom styleClass makes no difference.
    Could you let me know if I'm missing something?
    Thanks,
    Mihai

    Hi Frank,
    Thanks for your qucik reply.
    I've done this also and not working...
    So if I add the following code
    .men1 af|menu
    -tr-visible-items: 3;
    and
    .men2 af|menu
    -tr-visible-items: 10;
    and add on both afmenu's styleClass me1 and men2, nothing changes, it keeps the default value of 14... It looks lile only this works
    af|menu
    -tr-visible-items: 3;
    Thanks,
    Mihai

  • How to Set the Effective Date to Sysdate in OAF Page

    Hi All,
    I am new to OAF and started working on OAF. I have a unique situation and I am unable to get it going. Here is the situation.
    1) Currently on Benefits module when an user logons he/she will be directed to FamilyMbrsPG. In this Page I had extended the controller(BenEnrlHeaderCO) to set the Effective Date to as that of life event occured date. This is working fine.
    But the issue arrises when one clicks the next button on FamilyMbrsPG. The requirement is when One navigates to CurrOvwPG at that page the effective date needs to be reset to Sysdate which I am unable to do. But the probloem is when I am trying to debug the controllers files of CurrOvw It is pointing to the controller class of FamilyMbrsPG which is BenEnrlHeaderCO.
    I was trying to reset the Effective Date as of sysdate.
    Can you please let me know as how to proceed from here.
    Thanks and Regards
    Vinod
    Edited by: user5149618 on Sep 17, 2009 8:01 PM

    Hi Gauravv
    Well here it is
    1) But the probloem is when I am trying to debug the controllers files of CurrOvw It is pointing to the controller class of FamilyMbrsPG which is BenEnrlHeaderCO
    In this scenario what is happening is for the page CurrOvwPG there are 6 controller class files which are as follows.:
    1) BeneficiariesOverviewCO.java
    2) CoveredDependentsOverviewCO.java
    3) CurrentBenefitsCO.java
    4) CurrentBenefitsTopCO.java
    5) SelectionOverviewTableCO.java
    6) SelectionsOverviewCO.java
    When I ran the project in debug mode and placed the breakpoints for the controller class files. As soon as I click the next button in FamilyMbrsPG the breakpoint in occuring at line31 of BenEnrlHeaderCO which is again a controller class file for FamilyMbrsPG which has been already extended to set EffectiveData to that of Life even occured Date.
    Now in CurrOvwPG I need to reset the EffectiveDate to Sysdate. Please let me know if this is clear...
    Thanks and Regards
    Vinod

  • How to set the value of application item using pl/sql in application process

    Hi guys,
    I want a global variable (application item) whose value will be set at the start when a user logs in to the application. The value will be retrieved from database using a sql query. I do not know the exact syntax to set the value of application item in application process. Also i want to know in which type of application process should i use to set the value of application item when a user starts a session. The value of application item varies from user to user.
    Please help.
    I am using apex 4.2
    Regards,
    Waqas

    You can use the application item as bind-variable with its name. ie. your application item is named G_MY_APPLICATION_ITEM, then you can access/set it using :G_MY_APPLICATION_ITEM.
    For example
    BEGIN
        -- assign like a variable
        :G_MY_APPLICATION_ITEM := 'LARRY';
        -- use in a SQL statement
        SELECT WHATEVER_COLUMN
          INTO :G_MY_APPLICATION_ITEM
          FROM MY_TABLE
         WHERE USERNAME = :APP_USER
    END;
    Peter

  • How to set CSS

    Hello every body
    we can use html in swing components is there any way to set css on html which we use in side the swing components.
    zerocool

    Well, the easiest way is to include it in your html, just like you were writing for a web page.
    I.e. ,
    JLabel l = new JLabel("<html><p style=\"font-family='Verdana'; font-size='18pt'>18 Point Verdana</p></html>");

  • How to set command action for each item in the popupmenuimage

    Hi all,
    In my canvas application,i used images for popupmenu.Now i have to set command action for each item in that popupmenuimage.I dont know whether it is possible in canvas or not.Can anyone tell me the solution for this .
    Thanks,
    sourab

    Buttons is typical of a c/s application, or, in case of Web Forms, a Java applet. Instead of buttons, you have to use hyperlinks.
    See:
    http://otn.oracle.com/products/reports/htdocs/faq/faq_migration.htm#346
    The hyperlink wil have to be to a URL that does the insert in the table. This can be a mod_plsql procedure, for instance.

  • How to set a select option's item as invisible (using a method code)

    Hi there,
    I need to hide parameters and select option fields, but Iu2019m using the select_option component to add all items to the layout using just one View Container Element.
    I could use to hide the View Container Element setting the property visible, but I need to hide fields with certain conditions. I also could add one View Container Element for each select option, but I have many... I wish I could make in other way.
    Iu2019ve checked the Definitions of the Interface IF_WD_SELECT_OPTIONS  and the Ulli Hoffmannu2019s book and I have found no help at all.
    Thanks in advance,
    Filipe Torres
    Edited by: Filipe Torres on Sep 15, 2008 12:34 AM

    Thank you, this helps but will solve just part of my problem. I'm using many views and to pass the values from those select options and parameters I just declare them in the first view... The other answer helps me more that shows how to remove one element. I was looking for a hide feature and not remove, but seems that I have to remove.

  • How to set runtime block and its items navigation

    this is my procedure to set a navigation in a block. but with this i m unable to how to navigate to second block.
    first block name is TRANS1
    and second block name TRANS2
    i need this navigation procedure because some items are getting invisible at the run time.i m using ORACLE 8i and FORM 6i.
    PROCEDURE NAVIGATION_SEQUENCE IS
         V_LOOP NUMBER;
         V_PREITEM VARCHAR2(100);
         V_MAXLOOP1 NUMBER;
         V_MAXLOOP2 NUMBER;
    BEGIN
    NULL;
         SET_ITEM_PROPERTY('TRANS1.T_DATE',NEXT_NAVIGATION_ITEM,'TRANS1.T_VRDATE');
         IF :PARAMETER.F$BOOKTYPE = 'DB' THEN
         SET_ITEM_PROPERTY('TRANS1.T_VRDATE',NEXT_NAVIGATION_ITEM,'TRANS1.T_VRNO');
         SET_ITEM_PROPERTY('TRANS1.T_VRNO',NEXT_NAVIGATION_ITEM,'TRANS1.T_MAID');
         ELSE
         SET_ITEM_PROPERTY('TRANS1.T_VRDATE',NEXT_NAVIGATION_ITEM,'TRANS1.T_MAID');
         END IF;
         SET_ITEM_PROPERTY('TRANS1.T_MAID',NEXT_NAVIGATION_ITEM,'TRANS1.T_AGID');
         SET_ITEM_PROPERTY('TRANS1.T_AGID',NEXT_NAVIGATION_ITEM,'TRANS1.T_DUEDAYS');
         SET_ITEM_PROPERTY('TRANS1.T_DUEDAYS',NEXT_NAVIGATION_ITEM,'TRANS1.T_DUEDATE');
         V_PREITEM := 'TRANS1.T_DUEDAYS';
         IF GET_ITEM_PROPERTY('TRANS1.T_DF1',VISIBLE) = 'TRUE' THEN
         SET_ITEM_PROPERTY('TRANS1.T_DF1',NAVIGABLE,PROPERTY_TRUE);
         SET_ITEM_PROPERTY(''||V_PREITEM||'',NEXT_NAVIGATION_ITEM,'TRANS1.T_DF1');
         V_PREITEM := 'TRANS1.T_DF1';
         END IF;     
         IF GET_ITEM_PROPERTY('TRANS1.T_DF2',VISIBLE) = 'TRUE' THEN
         SET_ITEM_PROPERTY('TRANS1.T_DF2',NAVIGABLE,PROPERTY_TRUE);
         SET_ITEM_PROPERTY(''||V_PREITEM||'',NEXT_NAVIGATION_ITEM,'TRANS1.T_DF2');
         V_PREITEM := 'TRANS1.T_DF2';
         END IF;     
         IF GET_ITEM_PROPERTY('TRANS1.T_DF3',VISIBLE) = 'TRUE' THEN
         SET_ITEM_PROPERTY('TRANS1.T_DF3',NAVIGABLE,PROPERTY_TRUE);
         SET_ITEM_PROPERTY(''||V_PREITEM||'',NEXT_NAVIGATION_ITEM,'TRANS1.T_DF3');
         V_PREITEM := 'TRANS1.T_DF3';
         END IF;     
         IF GET_ITEM_PROPERTY('TRANS1.T_DF4',VISIBLE) = 'TRUE' THEN
         SET_ITEM_PROPERTY('TRANS1.T_DF4',NAVIGABLE,PROPERTY_TRUE);
         SET_ITEM_PROPERTY(''||V_PREITEM||'',NEXT_NAVIGATION_ITEM,'TRANS1.T_DF4');
         V_PREITEM := 'TRANS1.T_DF4';
         END IF;     
         IF GET_ITEM_PROPERTY('TRANS1.T_DF5',VISIBLE) = 'TRUE' THEN
         SET_ITEM_PROPERTY('TRANS1.T_DF5',NAVIGABLE,PROPERTY_TRUE);
         SET_ITEM_PROPERTY(''||V_PREITEM||'',NEXT_NAVIGATION_ITEM,'TRANS1.T_DF5');
         V_PREITEM := 'TRANS1.T_DF5';
         END IF;     
         IF GET_ITEM_PROPERTY('TRANS1.T_DF6',VISIBLE) = 'TRUE' THEN
         SET_ITEM_PROPERTY('TRANS1.T_DF6',NAVIGABLE,PROPERTY_TRUE);
         SET_ITEM_PROPERTY(''||V_PREITEM||'',NEXT_NAVIGATION_ITEM,'TRANS1.T_DF6');
         V_PREITEM := 'TRANS1.T_DF6';
         END IF;     
    end NAVIGATION_SEQUENCE;

    hi Volberg
    thanks for your reply
    dear friend in my form, some of the block item i have to disable(make invisible).
    this is my requirement.
    V_PREITEM is a variable which contain the name of last item, which i already set in navigation.
    look at all 'IF' condition.
    1st V_PREITEM := 'TRANS1.T_DF1';
    2nd V_PREITEM := 'TRANS1.T_DF2';
    in other words V_PREITEM variable having last item name.
    IF GET_ITEM_PROPERTY('TRANS1.T_DF1',VISIBLE) = 'TRUE' THEN
    SET_ITEM_PROPERTY('TRANS1.T_DF1',NAVIGABLE,PROPERTY_TRUE);
    SET_ITEM_PROPERTY(''||V_PREITEM||'',NEXT_NAVIGATION_ITEM,'TRANS1.T_DF1');
    V_PREITEM := 'TRANS1.T_DF1';
    END IF;
    IF GET_ITEM_PROPERTY('TRANS1.T_DF2',VISIBLE) = 'TRUE' THEN
    SET_ITEM_PROPERTY('TRANS1.T_DF2',NAVIGABLE,PROPERTY_TRUE);
    SET_ITEM_PROPERTY(''||V_PREITEM||'',NEXT_NAVIGATION_ITEM,'TRANS1.T_DF2');
    V_PREITEM := 'TRANS1.T_DF2';END IF;
    IF GET_ITEM_PROPERTY('TRANS1.T_DF3',VISIBLE) = 'TRUE' THEN
    SET_ITEM_PROPERTY('TRANS1.T_DF3',NAVIGABLE,PROPERTY_TRUE);
    SET_ITEM_PROPERTY(''||V_PREITEM||'',NEXT_NAVIGATION_ITEM,'TRANS1.T_DF3');
    V_PREITEM := 'TRANS1.T_DF3';
    END IF;

  • How to set Rendering property of an item in a Default Double Column

    Hi ,
    I have developed a self service query region with default double column region. I have placed a combination of Input Text , LOV component in that region. My Issue is , I need to set the rendering property of the LOV input during run time. I used the OAMessageLOVInputbean.setRendered(false) in my contoller class. But I found that this is not working.
    Is there is any other way to handle the rendering property of item's in a default double column during run time.
    Thanks

    Here is the code snippet
    import oracle.cabo.style.CSSStyle;
    import oracle.apps.fnd.framework.webui.beans.message.OAMessageTextInputBean;
      public void processRequest(OAPageContext pageContext, OAWebBean webBean)
        super.processRequest(pageContext, webBean);
          CSSStyle css =new  CSSStyle();
                 css.setProperty("text-transform","uppercase");
                 OAMessageTextInputBean mtib=(OAMessageTextInputBean)webBean.findChildRecursive("HelloName");
                 if(mtib!=null) {
                 mtib.setInlineStyle(css);          
    }Hope it helps!!!
    Thanks
    AJ

  • How to set date value in hidden item

    I have a form which has an date item, P1_MTIME , if I use data picker and an procedure (After header)to define its default , as
    begin
    :P1_MTIME := to_char(sysdate,'DD-MON-RR HH24:MI');
    end;
    Everything works fine, but when I change P1_MTIME to hidden, I can only get its value set to date, not hour and minutes, such as 2006-06-23 00:00, what I did wrong?

    Why not just have a hidden item with the ID so that when you create (insert) it is null and you insert sysdate and when you are editing an existing value and hence have the ID you update. This logic is easy to place in a page process (when the page is submitted)

  • How to set resize effect for border container using flex 4 or 4.5

    Hi friends,
    resize effect works fine for one control (image). if want to same for custom comp, then is not working.
    below is the code is in custom comp,
    <?xml version="1.0" encoding="utf-8"?>
    <s:VGroup xmlns:fx="http://ns.adobe.com/mxml/2009" width="200"
             xmlns:s="library://ns.adobe.com/flex/spark" horizontalAlign="left" verticalAlign="bottom"
             xmlns:mx="library://ns.adobe.com/flex/mx"  xmlns:parsley="http://www.spicefactory.org/parsley"
             xmlns:general="com.presentation.components.general.*">
        <fx:Declarations>
            <parsley:Configure/>
        </fx:Declarations>
        <s:BorderContainer id="bcMain" backgroundColor="#f4f4f4" borderColor="#CDC7C7" borderStyle="solid" borderVisible="true" width="100%">
            <s:layout>
                <s:VerticalLayout horizontalAlign="left" verticalAlign="middle" paddingTop="5" paddingLeft="5" paddingRight="5" paddingBottom="5"/>
            </s:layout>
            <s:HGroup id="hg1" horizontalAlign="left" verticalAlign="middle" width="100%" gap="5"
                      buttonMode="true" useHandCursor="true" >
                <s:Image id="img1" source="@Embed(source='assets/flex.png" width="15" height="17" cachePolicy="on" cacheAsBitmap="true"/>
                <s:Label text="label 1" textAlign="center"/>
            </s:HGroup>
            <mx:HRule width="100%"/>
            <s:HGroup horizontalAlign="left" verticalAlign="middle" width="100%" gap="10">
                <s:BorderContainer id="bc1" width="35" useHandCursor="true" buttonMode="true"
                          backgroundColor="#f4f4f4" height="40">
                    <s:layout>
                        <s:VerticalLayout horizontalAlign="center" verticalAlign="middle"/>
                    </s:layout>
                    <s:Image id="img2" source="@Embed(source='assets/flex.png" cachePolicy="on" cacheAsBitmap="true"/>
                    <s:Label text="label 2" textAlign="center"/>
                </s:BorderContainer>
                <s:BorderContainer id="bc2" width="35" useHandCursor="true" buttonMode="true"
                          backgroundColor="#f4f4f4" height="40">
                    <s:layout>
                        <s:VerticalLayout horizontalAlign="center" verticalAlign="middle"/>
                    </s:layout>
                    <s:Image id="img3" source="@Embed(source='assets/flex.png" cachePolicy="on" cacheAsBitmap="true"/>
                    <s:Label text="label 3" textAlign="center"/>
                </s:BorderContainer>
                <s:BorderContainer id="bc3" width="35" useHandCursor="true" buttonMode="true"
                          backgroundColor="#f4f4f4" height="40">
                    <s:layout>
                        <s:VerticalLayout horizontalAlign="center" verticalAlign="middle"/>
                    </s:layout>
                    <s:Image id="img4" source="@Embed(source='assets/flex.png" cachePolicy="on" cacheAsBitmap="true"/>
                    <s:Label text="label 4" textAlign="center"/>
                </s:BorderContainer>
            </s:HGroup>
        </s:BorderContainer>
    </s:VGroup>
    I followed how resize effects works for image control,
    <mx:Resize id="expand" target="{img}" widthTo="100" heightTo="200"  duration="2000"/>
            <mx:Resize id="contract" target="{img}" widthTo="30" heightTo="60"  duration="2000"/>
    <s:Panel title="Resize Effect Example" width="100%" height="100%">
            <s:VGroup width="100%" height="200" horizontalAlign="left" verticalAlign="bottom">           
                <mx:Image id="img" source="@Embed(source='assets/05_ipad.png')" width="10" height="10"/>
                <mx:Button label="Expand" click="expand.end(); expand.play();"/>
                <mx:Button label="Contract" click="contract.end(); contract.play();"/>
            </s:VGroup>
        </s:Panel>
    Please help me.

    BorderContainer wont resize if the fixed width is specified, if u want to give some minimum width you can use minWidth . Give  Width = "100%", now it will get Resizing capabilities

  • Setting CSS Style Class dynamically based on Responsibility

    Hi Guys,
    Is there an elegant way of setting css class in all items of a page based on responsibility? I've seen that there is a way on attributes like readOnly, disabled and rendering thru function security. How about the other attributes like css class? I even tried PVO, hahaha...but then I read, it doesn't apply to css class... :-)
    Guys, please help! Need this.. It'll save lots of time writing the code programmatically if it can be set as SPEL. hmmmmm...
    HElp help help! Thanks in advance!

    maeve ,
    You cannot be saved from writing code :), basically based on responsibility, set the bean properties in process request, there will be not much code !
    --Mukul                                                                                                                                                                                                                                                                                                                                                                                                               

  • How to set default reject reason in VA01 (create sales order)

    Hi
    Everybody can tell me how to set default reject reason for item in sales order.
    in our sap system there are a default reject reason as '90'. We want to set it as "Null".
    Thanks
    Henry

    Hi,
    Assigning a default Reason for Rejection is not in standard SAP. I am sure there is some enhancement/user exit which updates the reason for rejection.
    Please get the help of an ABAPer, create the sales order in debugging mode and he will find out the logic behind the automatic reason for rejection.
    Before that you can find the exits in the include MV45AFZZ for any code related to this.
    Hope this helps

  • How to set up Max Grab Qty in an order

    Hi Experts,
    Can you please help/hint me on how to set up Maximum grab qty (item level) for an order.
    For example - If i set up material ABC with 50 Max grab Qty , then you should not be able to raise an order with qty greater then 50. VA01 should block it.
    Thanks in advance for the response.
    Regards.

    Hi,
    to do this enhancement, first decide the user exit and a put a break point. You will notice at the time sales order processing after entering the order qty whether its stopping at the break point or not. Offcourse you need a technical assistance here.
    I guess the line item user exit ie at VBAP, would be more helpful to put the code. The piece of code depends on how you want the logic to work.
    1.Is it that for every sales order you want to trigger this code, or if only in specific cases then you may even need to hard code.
    2. Do you want check that the max order is not crossed even when a user changes the order qty through VA02.
    3. Any other specific check that you want to consider.
    Regards
    Sadhu Kishore

Maybe you are looking for