Different Style for a single component

Hi Everyone,
<<Searched in the forum but could not find my specific need.>>
Environment : Studio Edition Version 11.1.2.3.0
I have a multiple panelTabbed components in my applicatioin. I have a Custom SKIN for styling.
But for one specific PanelTabbed, the customer wanted to display the tabs as links. There are two questions here
1. Is there a way I can display tabs as command links
2. Using Css can i achieve showing tab as a link.
Best Regards,
bnkr524

bnkr, you don't applay a different skin, but you applay a different style class from your active skin which changes the look & feel of the component.
Sample: This is the active skin for an af:inputText cmponent
af|inputText { padding-top: 2px; }
af|inputText::label
width:11.0em;
    display:block;
    float:left;
    color:#333333;
    background-color: #ffffff;
    margin-top:0.3em;
text-align:left;
Now you can define a new style class .mySpecialInputText as
.mySpecialInputText af|inputText::label
     width:1.0em;
     text-align:right;
        background-color: #0f0f0f;
        padding-right: 3px;
If you now specify the 'mySpecialInputText' as styleclass on an inputText component it uses the new style.
Timo

Similar Messages

How to set multiple styles on a single component in flex ?

Hi ,
I would like to know how to set multiple styles on a single component in flex.
Can anyone give me an example as to how to set multiple styles for a single component ?
Thanks ,
Regards,
Ajantha

Hi tuliptaurus,
You can setStyleName property for chnaging the external css dynamically by using the setStyle() method ...
btn.setStyle("styleName","blendButtonSkinOther");
You can change the external css by using the styleaName property with setStyle method..the line in blue..where blendButtonSkinOther is another css class..
blendButtonSkin {
    fontFamily: Arial;
    fontSize: 11;
    color: #F1F1F1;
    textRollOverColor: #F1F1F1;
    textSelectedColor: #F1F1F1;
    horizontal-align:center;
    width:150;
    height:30;
    cornerRadius:5;
    upSkin:ClassReference('assets.skins.BlendButtonSkin');
    downSkin:ClassReference('assets.skins.BlendButtonSkin');
    overSkin:ClassReference('assets.skins.BlendButtonSkin');
    disabledSkin:ClassReference('assets.skins.BlendButtonSkin');
    selected-up-skin: ClassReference('assets.skins.BlendButtonSkin');
    selected-down-skin: ClassReference('assets.skins.BlendButtonSkin');
    selected-over-skin: ClassReference('assets.skins.BlendButtonSkin');
blendButtonSkinOther {
    fontFamily: Arial;
    fontSize: 11;
    color: #F1F1F1;
    textRollOverColor: #F1F1F1;
    textSelectedColor: #F1F1F1;
    horizontal-align:center;
    width:150;
    height:30;
    cornerRadius:5;
    upSkin:ClassReference('assets.skins.BlendButtonSkin');
    downSkin:ClassReference('assets.skins.BlendButtonSkin');
    overSkin:ClassReference('assets.skins.BlendButtonSkin');
    disabledSkin:ClassReference('assets.skins.BlendButtonSkin');
    selected-up-skin: ClassReference('assets.skins.BlendButtonSkin');
    selected-down-skin: ClassReference('assets.skins.BlendButtonSkin');
    selected-over-skin: ClassReference('assets.skins.BlendButtonSkin');
Thanks,
Bhasker Chari

Select different style for each border of a rectangle

Hi,
I just wanted to have a Rectangle (or some other component) which one must have different style for each of its borders.
For example I want the top and the right border with a thickness of 2 and others with a thickness of 0 (so we can only see those two borders).
How can I do it ?
I tried with stroke (but stroke is for all borders, we can't specify which style for which border).
Thanks,
Jeff

Well it is not clear what he is looking for just rect or a component with specific border. I havnt used flex 4 so i am not sure how to get it working for that
, but i am sure it will work on the same lines.
I have also given another option to create a it using lineTo() and moveTo().But this should only be used if this rect is not going to be used as a container.
I think i should elaborate...
Create a custom component using UIComponent. In updateDisplayList() after super.updateDisplayList() call a method say drawRect(). In this drawRect() use lineTo() and moveTo() to draw the rectangle. you would have to use the component's height and width to draw the rect.
Let me know if you need more clearification...

Changing LookAndFeel for a single component

Is it possible to change the LookAndFeel for a single component (example FileChooser) ?
regards,
nirvan.

In the case of a file chooser: you can use JFileChooser which will use the current look and feel or you can use the old AWT FileDialog which will use the system's look and feel. The FileDialog naturally has less things you can do with it.Thanks for thre reply. Actually I want to use windows look and feel for the JFileChooser dialog, because the metal look and feel does not display default icons associated with file type. Right now I am switching to the windows look and feel just before the JFileChooser code and then when file choosing is done, switching back to metal look and feel. Is that alright or does that have any potential implications ?
regards,
nirvan.

How to create a Platinum,Gold and Silver Customer and how to set different price for a single material based on customer?

Hi All,
How to create a Platinum,Gold and Silver Customer and how to set different price for a single material based on customer?
Assume Material is Pen.
While creating Sales Order in VA01 how to bring different price for the same material for Platinum,Gold and Silver Customers.
Kindly help me out.
Thanks,
Renjith Jose

A good place to start is http://www.javaworld.com/javaworld/javatips/jw-javatip34.html
Also, do a search in this forum on HttpURLConnection. That class allows you to use POST method to send form data to a web server.
"Hidden" variables are only hidden in HTML. The HTTP that gets POSTed to the web server doesn't distinguish between hidden and not hidden. That is, the content you would write to the HttpURLConnection.getOutputStream() would be something like:
hidden=1&submit=ok(Of course, the variable names would depend on what the web server was expecting from the form.)
Also, be sure to set the Content-Type request parameter to "application/x-www-form-urlencoded"

More than one style for a single link state?

RH 8 outputting CHM
Hello,
Is it possible to define more than one style for a single link state?
For example, I would like a link in the footer of my master page to be smaller than the links that appear in the body of my topics. I want to retain behavior, and simply change the point size.
I can't simply hand format in Design mode, because my link is within a script. Or, am I missing something easy here?
Thanks much.

I'm pleased to say I figured out how to change the formatting of a hyperlink embedded within a script.
Within the script, I used a var string to reproduce the text in my link. Then I used another var to change the string size.
So, here's the part of my script that produces what I'm after:
var mailDisplay = 'Was this information helpful? ';
var str = 'Was this information helpful?';
var mailDisplay = str.fontsize("1");
Upon generation of the CHM, the script trumps the CSS. It's a beautiful thing.

Is it possible to create different invoices for a single contract?

Hi All,
is it possible to create different invoices for a single contract?
My customer is asking an invoice per service line.
Thank you for getting back to me on this.
Kind regards
KK

Can somebody please advice?

How to set different style for headings in quicklaunch

Hi,
would like to assign a special style for Headings in the Quicklaunch. Is it possible to assign a different style to headings using CSS?
Thanks
Sven

Hi Sven,
Please refer to the following article, it might help.
Customize Change quick launch style and design SharePoint
.s4-ql UL.root > LI > .menu-item {
PADDING-BOTTOM: 1px; MIN-HEIGHT: 30px; BACKGROUND: url(http://md-jayabharathi:28586/SiteAssets/BCKHover.jpg) no-repeat 0px -10px; FONT-SIZE: 1em; PADDING-TOP: 1px
Please don't forget to mark it as answered, if your problem resolved or helpful.

Can I have 2 different styles for Footnote numbers and footnote text?

Hello,
I have a document with plenty of footnotes.
I would like to assign all the footnote numbers to a character style, and all the text to a different character style.
For example, I would like to have the footnote numbers in bold and in black, while the footnote text in light and in dark gray.
Doing this manually isn't an option obviously.
Is that possible?
If not are there any scripts out there that can manage it?
Thank you
Federico

It is simpe to make.
Crete a Chyaracter Style for the footnote number.
Set up the Paragraph Style for the Footnote text.
Go to the Nested Styles section
Select the Character Style
Apply it to the first specified separator symbol (like tabulator) you have choosen when you have set up your footnotes.
Use it. It will apply automatically. Of course, you have to choose this Footnote Paragraph Style in the Footnote Set Up Settings in the Type menu.

Different styles for ArrowButtons with synth

How can I define different component styles? For example I have ArrowButtons in ScrollBars, TabbedPanes, DropDowns etc. And now I want to define different the ArrowButtons within ScrollBars, the ArrowButtons within a DropDown etc. How can I manage that with synth. At the moment I have the following synth code which is uses for the ArrowButtons in a TabbedPane:
<style id="arrowButtonStyle">
     <property key="ArrowButton.size" type="Integer" value="24"/>
     <state>
     <imagePainter method="arrowButtonBackground" path="/de/imbus/swing/plaf/images/tab_std.png"
          sourceInsets="0 0 0 0"/>
     <imagePainter direction="WEST" center="true" method="arrowButtonForeground" path="/de/imbus/swing/plaf/images/tab_scrlbtn_arrow_left.png"
          />
     <imagePainter direction="EAST" center="true" method="arrowButtonForeground" path="/de/imbus/swing/plaf/images/tab_scrlbtn_arrow_right.png"
          />
     
     </state>
     <state value="ENABLED">
     <imagePainter method="arrowButtonBackground" path="/de/imbus/swing/plaf/images/tab_std.png"
          sourceInsets="0 0 0 0"/>
     <imagePainter direction="WEST" center="true" method="arrowButtonForeground" path="/de/imbus/swing/plaf/images/tab_scrlbtn_arrow_left.png"
          />
     <imagePainter direction="EAST" center="true" method="arrowButtonForeground" path="/de/imbus/swing/plaf/images/tab_scrlbtn_arrow_right.png"
          />
     
     </state>
</style>
<bind style="arrowButtonStyle" type="region" key="arrowbutton"/>
Message was edited by:
maike

Know of any reason the style
selected-fill-colors: red, black;
doesn't have any effect on the tabs in a tabnavigator or
tabbar.
Have tried setting the style by using a custom class and by
just applying a style to all Tabs. The fill-colors works but the
selected-fill-colors does nothing.
http://weblogs.macromedia.com/mc/archives/FlexStyleExplorer.html
has an example that works and shows the css being used. Is there
another switch I need to flip to have the selected-fill-colors to
work?
<mx:Style>
.viewTabs {
fill-colors: red, black; /* this works */
selected-fill-colors: #3300cc, #ffffff; /* this doesn't */
</mx:Style>
<mx:TabNavigator x="63" y="167" width="200" height="200"
tabStyleName="viewTabs">
<mx:Canvas label="Tab 1" width="338" height="100%">
</mx:Canvas>
<mx:Canvas label="Tab 2" width="100%" height="100%">
</mx:Canvas>
<mx:Canvas label="Tab 3" width="100%" height="100%">
</mx:Canvas>
</mx:TabNavigator>

Different LOVs for a single attribute?

Hi,
In our application, we use a "domainvalues" table to store all valid values for enumerated fields. The table has a typical design, with the domain name and the value as primary key and a field for the description. In the database this table is used to validate those enumerated fields. In our ADF GUI we use this table to fill single select lists. For each domain we have a read only View Object, which has a query like this:select value
,      description_short
from   domainvalues
where upper(dmn_name) = 'IND_YES_NO'
ORDER BY description_shortNow we have a domain with three values, of which one value should not be used under certain circumstances. We simply created two domains, resulting in our domainvalues table containing (among others) the following rows:dmn_name value description_short
dom1          1 one
dom1          2 two
dom1          3 three
dom2          1 one
dom2          3 threeNow we have an Entity Object-based View Object that should use one of these lists. Which list is used depends on the page in which the View Object is used. So I selected the appropriate attribute in the View Object editor. Under "List of values" at the bottom of the screen I clicked the green + button to add a List of Values. I added an LOV with the following settings:
<ul><li>Name = LOV_Domain1
<li>List data source = Domain1ViewObject
<li>List attribute = value</ul>
The I added a second LOV by clicking the green + again. This time I used this settings:
<ul><li>Name = LOV_Domain2
<li>List data source = Domain2ViewObject
<li>List attribute = value</ul>
After creating the second LOV, a column of radio buttons appears in front of the table of LOVs, allowing me to select a default. The Domain1 LOV is selected as default and I keep it that way.
Now when I drag-and-drop the field on a page and choose to add it to the page as an "ADF Select One Choice", a List Binding is created in my page definition file. If I double click that list binding, the Edit List Binding dialog opens. the "Model Driven List" option is selected and I am able to select a Base Data Source Attribute and a Server List Binding Name. The Server List Binding Name option is where I am able to select which LOV provider I want to use. In this case I want to use "LOV_Domain2", the one that lacks the value 2. So I selected that one from the list, instead of the default selected "LOV_Domain1". So far so good.
The problem is, when I run the page, my select list still contains all three values, so I have the impression that the default LOV is used, regardless what is selected in the page definition. Is this a bug, or am I missing something?
Best regards,
Bart Kummel

Okay, I've figured out a work around myself. I just added an extra attribute in the View Object, based on the same attribute in the Entity Object. Each attribute of the View Object has it's own LOV definition. I only have to select the other attribute in my JSP to get the other LOV. I still think the solution with two LOV definitions associated with a single attribute would be more elegant. I hope this will be added in a next version.
Best regards,
Bart Kummel

How is it possible to have multiple styles for a single control

Hi ,
I have a CSS associated with my MXML File . Now how can i assign all these things to my TextInput ,for example by doing below , i can only assign font Size , how can i assign all these styles at a time to my TextInput
<mx:Label name="UserName" width="80" x="89" y="80" text="UserName" styleName="p">
This is my external css file
.h1 {
    font-size: 24;
.p {
    font-size: 50;
.a {
    text-decoration: underline;
.a:hover {
    color: #FF0000;
Thanks in advnace .

Hi,
Try to combine your declarations.
     .newStyle {
font-size: 50;
       text-decoration: underline;
<mx:Label name="UserName" width="80" x="89" y="80" text="UserName" styleName="newStyle">

How do I use a different style for a page for each user?

I want to allow users to choose their own page style. Is that possible? How do I do that?
Thanks,
Martine.

In 309 any page style could be set as users default style.
This style would be then used to draw pages that are marked to use users default style.
I want to allow users to choose their own page style. Is that possible? How do I do that?
Thanks,
Martine.

How to change the style of a single component using oracle skin Jdev 10.1.3

my hole applications is using oracle skin, I only need to change the color of the menuTab, but I don´t want to create a new skin family...
I tried this link http://www.oracle.com/technology/products/jdev/101/howtos/adfskins/index.html
but the dont tell how to create adf-faces-skins-doc.xml
how is that possible?, please I need help....

Hi,
Ack, I forgot that 10g doesn't have inheritance support either... You'll have to create an XSS file I think, and those are obscure... Also 10g generates image files for menuTab... I think you'll have to create a brand new skin family, sorry :(
Regards,
~ Simon

How to set different margins for a single document?

Hello,
I'm creating a Pages document that will be exported to PDF.
On text pages I need to set margins on all sides, but for photo pages I want the margins completely removed.
What would be the best way to do this?

The best way would be to choose either *Layout mode* which is free form layout except for headers and footers, or to use *Word Processing* mode but make all your Photos in Floating imageboxes which can be placed wherever you like.
see p132 of the Pages09_UserGuide.pdf downloadable from under the Help menu.
Peter

Different Style for a single component

Similar Messages

Maybe you are looking for