SelectOneChoice skinning

Hi,
I want to change the border width and border color for the selectOneChoice. I am able to change color and bgcolor for content inside the selectOneChoice but i am not able to get the correct style class to change the dropdown border. Please help me how to change the border color and size?
thanks
Kuladeep

we have tried with contentStyle atrribute of the select one choice but we are able to see the change affected after taking out IE compatibility view. we need on IE compatibility view for other components.
<af:selectOneChoice label="Label 1" id="soc1"
contentStyle="padding:3px 3px 3px 3px; ">
<af:selectItem label="1" value="1" id="si2"/>
<af:selectItem label="2" value="2" id="si1"/>
</af:selectOneChoice>
could you please any body help me on this?
Edited by: user10425428 on Sep 29, 2011 12:50 AM

Similar Messages

Which Skin Selector Controls SelectOneChoice Highlight?

This is for JDeveloper 11.1.1.6
I have tried to identify in the Skin Editor (stand alone) but have not found the correct selector that would modify the highlighted text of a selectOneChoice drop down.
The current default is a medium blue color for each item that the cursor hovers over.
I have been extending the fusionFx-simple-v1.2.desktop skin.
What controls this?

Hi,
there is no skin selector for this. If you debug the skin then you see that the select one choice component has a selector, but the select items are added as <option>. So if you wanted to skin the item then probably a combination of
skin-selector option:focus { ... }
would work. However, I did not test this markup oriented addressing and also assume this to be error prone.
Frank

How to change the skin dynamically

Hi
I have six projects in my application.so each project has trinidad.xml file for Skin configuration. My problem is if I changed the skin at one project it should reflect in all other projects .
When I moved from one .jxpx in a project to another one .jspx in another project within the application the skin need to be set in Trindad-config.xml file
Can u plz post your ideas?????

Thanks for your reply Frank,
Actually Im following the steps you have mentioned,
1.I used selectOneChoice in a .jspx file in the 2nd project to set the skins in the database using the managed beans
2.In the managed bean itself I tried to set in the trindad-config.xml file by setting in the following EL #{sessionScope.skinFamily} and used to refresh the page by redirecting to that particular URL.I have given the following code used in the managed bean
String skin;
public void changeSkin(ValueChangeEvent valueChangeEvent) {
this.skin = (String)valueChangeEvent.getNewValue();
int result = 0;
CommonAppModuleImpl appModuleImpl =
(CommonAppModuleImpl)BackingUtils.getApplicationModuleForDataControl("CommonAppModuleDataControl");
result = appModuleImpl.updateSkin(this.skin);
FacesContext context = FacesContext.getCurrentInstance();
if (result == 1) {
ELContext elContext = context.getELContext();
ExpressionFactory ef =
context.getApplication().getExpressionFactory();
ValueExpression ve =
ef.createValueExpression(elContext, "#{sessionScope.skinFamily}",
Object.class);
ve.setValue(elContext, skin);
} else {
System.out.println("*****Skin value did not change in DB*****");
String currentView = context.getViewRoot().getViewId();
String actionUrl =
context.getApplication().getViewHandler().getActionURL(context,
currentView);
try {
ExternalContext eContext = context.getExternalContext();
String resourceUrl = actionUrl;
eContext.redirect(resourceUrl);
} catch (IOException ioe) {
System.err.println("Problem trying to reload the page:");
ioe.printStackTrace();
3.While Im moving from some1.jspx file in the 2nd project to some6.jspx file in 5th project,
I used the following steps,
In the beforePhase() of the some6.jspx, I called a managed bean and retrived the skin value from the database and set it in the EL but It will not reflect in the trindad-config.xml because when we hit any URL in the project then only the xml files configured.
But while Im trying in the __onLoad()_ in the pageListener controller class_ it works.
this works fine..
this works fine..
this works fine..
But now my problem_ is In my some2.jspx file in 2nd project Im using four panelBox ,in these panel box they used to call the some4.jspx file in the 4th project as inline frame by some URL[] methods.As a beginner I dont know about that.can you please give me Idea about this method
the follwing InlineFrame is used in the panelBox
<af:inlineFrame id="iframe1"
shortDesc="#{bindings.PanelTitleList.items[1].label}"
source="#{url[bindings.PanelUrlList.items[1].label]}" //please note this source url[] method
styleClass="Panel"
partialTriggers="refreshLink1"/>
can you please give me information about this url[[] method
Thanks in Advance,
Felix

SelectOneChoice problem with SessionFactory.detach

Hello,
I have this problem , i have mapped two table (A, B) with one to one mapping eg.
The descriptor A maps the fields like
Table A,
id_a ----- direct mapping
name --- direct mapping
tableB ...one to one mapping
The descriptor B maps the fields like
Table B
id_b -- direct mapping
name direct mapping
tableACollection --- one to many mapping
then I expose the metods in a SessionBean
FindAllTableA
FindAllTableB
In the findAllTableA i use SessionFactory.detach becouse i have to bild a edit form for Table A
The problem is, i have built a page form with ADF for Table A with input field for id_a and name, and select one choice for tableB mapping, when i run the page the selectonechoice field doesn't display the value (The list is ok .. it ' is based on FindAllTableB). If i dont use SessionFactory.detach the selectonechoice works fine...but i can't update the table.
Anyone can Help me?
Thank you.

Hi,
try without the leading slash
skin/images/detach.png
Frank

Changing the dropdown icon of af:selectOneChoice

Hi,
I'm lost with adf skin selector : I don't found any documentation of skinning the af:selectOneChoice. I would like to change the dropdown icon when the component is in "idle" mode, and when there's mouseOver.
Regards
Luc-

Hi andre,
thanks for your answer. In the demo, there's nothing that could help me with my problem.
But I was wondering if changing the dropdown icon is even possible, since it's a component that has differents displays from os to os and from browser to browser : the java portability.
So I don't think I could do that right ?
Regards
Luc-

Af|selectManyChoice skinning problem

Hi all, we have been trying to modify the component af|selectManyChoice for a while now thru skinning to make it look a bit modern and smoother. We tried adding borders and such but unlike the af|selectOneChoice component, it is not following our code. Can you guys suggest how we can modify this component? For example, take the edges out. We usually do border-radius on other components and it all worked besides this component. We will greatly appreciate any help on this since we cant move forward by leaving this component behind because of uniformity.

Peter,
there is no easy solution to the. A LOV normally works only with on selected attribute. If you select more then one country the resulting query should use an IN clause (which is not available out of the box).
Jobinesh has blogged about a solution you can try:
http://jobinesh.blogspot.com/2010/09/using-bind-variable-for-sql-statements.html and http://jobinesh.blogspot.com/2010/12/using-oraclejbodomainarray-with.html
This may give you a starting point.
Timo

Change skin on button click

Basically I wanted to plant a toggle button to increase and decrease the size of the text my spaces. So, I created a new skin with large font size.
How do I change the skin with a click of a single button?

use something like this:
<af:selectOneChoice label="Choose Skin:" value="#{sessionScope.skinFamily}" autoSubmit="true">
    <af:selectItem value="blafplus-rich" label="blafplus-rich"/>
    <af:selectItem value="blafplus-medium" label="blafplus-medium"/>
    <af:selectItem value="simple" label="simple"/>
</af:selectOneChoice>The value of each selectItem is an existing skin. If you add your own skins, you just add them as selectItem.
In trinidad-confix.xml you will also have to refer to the skin family:
<skin-family>#{sessionScope.skinFamily}</skin-family>This way the skin is dynamicly.
So if you don't want to use a selectOnChoice but a button than you will need to write an actionListener for that button. In that listener, you write the new value into the session variable.
Edited by: Yannick Ongena on May 20, 2011 7:00 AM

My VScrollBar applied on List ignores my custom Skin

I'm trying to customize the skin of a List. The code looks like this:
<s:List id="selector" x="670" height="327" itemRenderer="components.GalleryThumbnailRenderer" borderVisible="false" contentBackgroundAlpha="0" focusAlpha="0" horizontalScrollPolicy="off">
      <s:layout>
          <s:TileLayout requestedColumnCount="2" horizontalGap="1" verticalGap="1" />
     </s:layout>
     <s:scroller>
          <s:Scroller>
               <s:verticalScrollBar>
                    <s:VScrollBar skinClass="components.VScrollSkin" />
               </s:verticalScrollBar>
          </s:Scroller>
     </s:scroller>
</s:List>
I've generated the components.VScrollSkin with Flash Builder using spark.components.VScrollBar as host component and created as a copy of spark.skins.spark.VScrollBarSkin
Whatever I change and do in components.VScrollSkin isn't applied when I build the app. Always the default Skin is shown. I've but a trace in components.VScrollSkin to see if it's actually being loaded or not. But it is being used.
What am I doing wrong????

Thank you Frank for your response.....
I have used the stand alone skineditor version:
Skin Editor Version 11.1.2.0.0
Build JDEVADF_11.1.2.0.0_GENERIC_110531.1615.6017
I followed the following steps:
- From the skin editor - I created a new application with target application release 11.1.1.4
-- Created a new skin
--- Changed af|selectonechoice background color to maroon....
---- Created deployment profile - adf library jar file with all standard option (i didn't make any changes)
----- created jar file using newly creately deployment profile
Open Jdev Studio Edition Version 11.1.1.4.0
- Opened Web application project properties
-- Under libraries and classpath --> added new library --> added skin jar file and fusion-simple-skin.jar file
--- Open trinidad-config.xml file and changed content to :
<trinidad-config xmlns="http://myfaces.apache.org/trinidad/config">
<skin-family>skin1</skin-family>
</trinidad-config>
Now in Jdev design mode I see all dropdown fields background changed to Maroon.....
But wHen I run the page from Jdev. I don't see those dropdown background changed to Maroon. But it looks like it is using some new skin.... because all fonts of label are little bigger than usual...... on the running page....

What are the default skin selectors applied for af:commandButton,

Hi Experts,
Please let me know where i can get the default skin applying for ADF Faces Core Components like af:commandButton, af:selectOneChoice, af:outputText etc..
Please let me know where i can get detailed skin selectors for ADF Faces Core Components in 10g, As per this link, [http://www.oracle.com/technology/products/jdev/htdocs/partners/addins/exchange/jsf/doc/skin-selectors.html#Component-level Selectors] only some of the components has selectors, but for others there are no specific selectors..
Regards,
R N V Prasad.

Hi Folks
Can anyone reply or suggest some ideas on how to get or modify the skins of core components like af:commandButton, af:outputText, af:selectOneChoice etc...
regards,
R N V Prasad.

SelectOneChoice element.

Hi! I have selectOneChoice element in my form. When I choose value, I can see option "More...", please see: http://my.jetscreenshot.com/2677/20110829-w7fv-12kb
How can I remove it?
Best regards, Debuger!

i guess its posible using skinning.. chk
http://jdevadf.oracle.com/adf-richclient-demo/faces/components/skinningKeys/inputComboboxListOfValues.jspx
chk this
af|inputComboboxListOfValues::search http://jdevadf.oracle.com/adf-richclient-demo/docs/skin-selectors.html
jsut chk how to create skinning here
Re: How to make panelHeader title to be in Red color.

How can I pre-define the default selection in a SelectOneChoice?

How can I pre-define the default selection in a SelectOneChoice?
(1) Here's my JSF-code:
<af:selectOneChoice label="#{res['usercreate.input.sex']}"
value="#{bindings.Sex.inputValue}"
binding="#{SelectListBean.sexlist}"
readOnly="false" autoSubmit="false">
<af:selectItem label="#{res['data.sex.women']}" value="1"/>
<af:selectItem label="#{res['data.sex.man']}" value="2"/>
</af:selectOneChoice>
(2): manged bean: to set the default value to be the first in the list, my managed bean as follows:
import oracle.adf.view.faces.component.core.input.CoreSelectOneChoice;
public class MBSListBean {
private CoreSelectOneChoice sexlist;
public MBSListBean() {
public void setSexlist(CoreSelectOneChoice sexlist) {
this.sexlist = sexlist;
this.sexlist.setValue(1);
public CoreSelectOneChoice getSexlist() {
return sexlist;
(3) when i launch the page, it often gives me such warnings:
WARNUNG: Could not find selected item matching value "1" in CoreSelectOneChoice[UIXEditableFacesBeanImpl, id=_id7]
how to solve the problem ?
Thanks,
wzzdx

You could also set the default on your entity or viewobject, in the properties of your attribute.

Error while deploying, Custom Style Skin in OBIEE 11.1.1.6.7

Hi,
I have deployed Custom Style Skin in OBIEE 11.1.1.5 successfuly (with the help of http://www.rittmanmead.com/2010/12/oracle-bi-ee-11g-styles-skins-custom-xml-messages/ ).
Now when we're moving RPD, Catalog & Custom Style Skin from OBIEE 11.1.1.5 to OBIEE 11.1.1.6.7, I could deploy RPD & Catalog but am not able to deploy Custom Style & Skin Folders.
If you are aware of the process of deploying Custom Style & Skins (as mentioned in the link above), it requies:
1. Custom Style & Skins folder to be Deploy using Weblogic Console.
2. Making necessary changes in instanceconfig.xml (to point to the deployed folder) ---- this is where it's failing.
When I do add necessary tags ( <URL> & <UI>) in instanceconfig.xml and restart Services. Presentation Services dosen't come up. Error message that is in log file is:
In element URL: Can not have element children within a simple content.
unknown element 'UI'
Element 'UI' is not valid for content model : 'All(URL, SocketTimeoutSec,FileSizeMB)'
Any pointers?
Regards,
Jitendra

Hi,
I too faced such issue, actually obiee11.1.1.5 version skin and style wont work in obiee11.1.1.6.0 and above patch ..
u have do it once again by using obiee11.1.1.6.0 skin (because the 11.1.16.0 has UI and skin different from 11.1.1.5.0 )
Thanks
Deva

How to I get an FLV Skin to display on external sites?

This is thee most frustrating thing! I've been trying to get
my FLV skin to display on other sites when embedded, but the video
is the only thing that shows up. There are no play back controls;
nothing! I can view things just fine on my site (so that is NOT the
problem) – it's just not displaying on other sites.
I am using an FLV component and I do have all the necessary
files loaded in the same folder. It's just when I try embedding the
SWF file on an external site, the only thing that shows up is the
video w/ no controls or skin.
Is there embedding code to include the second SWF file?
OR
Is there a better way in creating a SWF file that includes
the FLV component? ActionScripting or something that needs to be
added???
If so, please explain! I got ALL DAY AND NIGHT! This is
driving me up the wall. There is NOTHING on the web that talks
about this.
Thanks!!!!!

I found a link which informs that not all servers allow the MIME type for "f4v" files. . .
http://forums.devshed.com/flash-help-38/how-do-i-make-f4v-files-play-in-a-web-610155.html
Also, when I tried inserting a FLV object using Media>FLV the menu option only allowed me to insert FLV files, not F4V files. So that comes back to the issue of what type of container you would be using since the Dreamweaver FLV container does not support F4V.

If statement in skin.xml

Hello All,
I am trying to put condition in skin.xml file.how to do that kindly suggest.

it was a wrong question

"Page Path" in HTML Page Skin

Hey Guys,
I was wondering if anyone knows how I could include the behavior that the "Page Path" Item provides, but I would like to do it in an HTML Pageskin. Seems like this would be fairly common for those people using page skins.
Thanks
-sean

Hi,
I insist : it is not possible with HTML to insert Page breaks. BUT, Tammie is right! You can use CSS (Cascade Style Sheet) to insert page breaks thanks to few lines of code in your HTML page.
Follow this link to have a look at a very simple piece of code to illustrate this :
http://www.codeave.com/css/code.asp?u_log=4016
Here it the code if you don't have access to this URL :
<html>
<head>
<title>CodeAve.com/CSS - Page Break</title>
<body bgcolor="#FFFFFF">
<center>
Page 1
<br style="page-break-before:always;">
Page 2
<br style="page-break-after:always;">
Page 3
<p>
Use print preview on your browser to see how<br>
this page would print out to three pages
</center>
</body>
</html>
Hope it helps.
Don't forget to close the post if solved (so that search in the forum is easier), and reward points (so that SDN members are happy !)

SelectOneChoice skinning

Similar Messages

Maybe you are looking for