Af:dialog OK button skinning

Hello everyone.
I'm using jDev 12.1.2.0.0
I have a af:popup and inside a af:dialog. The dialog is of type="ok".
The requirement is to change the text of the button from "OK" to "Next".
I'm really struggling to skin the label of the button, but I really cannot figure out how to do it (and if it is possible).
I started with something like this:
.ADFdialogOKrenameNEXT af|dialog::footer-button {
but I cannot find the way to continue.
I would appreciate any help!
Thanks a lot
~apostolos

Hello, apostolos.
However, if you want change the text of "OK" button for all such dialogs, modify the "skinBundle.properties" file.
In the "trinidad-skins.xml" file you will find the name of the skin bundle file within the "<bundle-name>" tag. For example:
    <bundle-name>view.skinBundle</bundle-name>
    (/view/skinBundle.properties)
Open the "skinBundle.properties" file and add the following code line:
    af_dialog.LABEL_OK=Next
rfh.

Similar Messages

Add Image to a Conformation Dialog box button

Hi All,
Ho to add Image to a Conformation Dialog box button?????
2. How to put <b>X</b> (to cancel) at right upper corner of dialog box.
null

Hi ,
It would not be possible to add images in it. Use dialog boxes instead.
Create a view ... add an image UI element ..use imgSource as ~sapicons/image name or paste the image in src/mimes/components/ur comp name and give that for source.
You can create linktoaction.. and on its image property add an image for X and put that in one corner of the dialog box. and execute cancel action. when its clicked..
Regards
Bharathwaj

Custom button skin with scaleGrid 9 slice image does not appear in Design Mode

So in a custom button skin I have a nine sliced image, and then throw that onto an MXML page. In design view, I cannot get the component to show the image that I've thrown on it. Unless I do a hack on the MXML page by adding the image in it's scaleGrid form to the page somewhere. Then it seems to act as like a preloader for the image so it actually displays. But I don't want to do this hack on every page that uses this component. Is there a work around?
Here's the button skin:
<?xml version="1.0" encoding="utf-8"?>
<s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009"
                    xmlns:s="library://ns.adobe.com/flex/spark"
                    width.disabled="296" height.disabled="73">

<fx:Metadata>
                    [HostComponent("spark.components.Button")]
                    [Embed('assets/art/shared/[email protected]', scaleGridTop=20, scaleGridBottom=85, scaleGridLeft=40, scaleGridRight=60)]
</fx:Metadata>

<s:states>
                    <s:State name="disabled" />
                    <s:State name="down" />
                    <s:State name="over" />
                    <s:State name="up" />
</s:states>
          <s:Group width="100%" height="100%" >
<s:Image width="100%" height="100%" smooth="true" source="@Embed('assets/art/shared/[email protected]', scaleGridTop=20, scaleGridBottom=85, scaleGridLeft=40, scaleGridRight=60)"/>
</s:Group>

          <s:Label id="labelDisplay" left="10" right="10" top="2" bottom="2" horizontalCenter="0"
                               maxDisplayedLines="1" textAlign="center" verticalAlign="middle" verticalCenter="1"
                               color="#FFFFFF" >
<s:filters>
                              <s:DropShadowFilter distance="0" angle="90" color="0x000000" alpha="1" blurX="2" blurY="2" strength="16" quality="3" />
</s:filters>
</s:Label>
</s:Skin>
And then I throw that button into an MXML page. The image doesn't show up in design view.
<s:Button x="330" y="94" width="134" height="57" label="Button" skinClass="features.shared.NineSliceButtonSkin" />
This hack, fixes the button! And all other buttons that use that skin.
<s:Image width="100%" height="100%" smooth="true" source="@Embed('assets/art/shared/[email protected]', scaleGridTop=20, scaleGridBottom=85, scaleGridLeft=40, scaleGridRight=60)"/>
<s:Button x="330" y="94" width="134" height="57" label="Button" skinClass="features.shared.NineSliceButtonSkin" />

Looking for an answer too!

How do I change button skin with function arguments?

Hi guys, I am building a map witch I represent with buttons grid 40*26, now I wont to create a function in action script that will get a string that contains the folder name where I am storing the buttons skin data for example:
[Embed("maps/grass/upSkin.jpg")]
private var _upSkin:Class;
[Embed("maps/grass/overSkin.jpg")]
private var _overSkin:Class;
[Embed("maps/grass/downSkin.jpg")]
private var _downSkin:Class;
private function changeMap():void
     slot:Button=new Button();
     slot.setStyle("upSkin",test);
     slot.setStyle("overSkin",_overSkin);
     slot.setStyle("downSkin",_downSkin);
This is what I managed to do up to now, what I would like to do is to send to changeMap() a string with the path name, but some how I can't embed a variables, I will be glade if you could find a solution for that.
This is the link for my site, so you can see what I am talking about. I am not always online but you can try.
http://gazmanwars.zapto.org/
*Best view under 1280*960 rez

in this case StyleManager.loadStyleDeclarations(currentTheme + ".swf"); can come handy.This satement will load new style Declarations for your application on runtime whenever you want.
currentTheme will be your css file containing styles compiled into swf by flex builder you can do that by right clicking on css file and selecting
Compile Css To Swf
for more information on style Manager see following link
http://livedocs.adobe.com/flex/3/html/help.html?content=styles_07.html

Image with button skin

Hi,
    I have a image control which is embed with button skin from swf. The effect is not getting affected in it. Only the image is getting loaded.
Why is it behaving like this.
Regards,
Jayagopal.

Hi Jayagopal,
You need to apply various skins for the Button to see the effects....
.myButton
     upSkin:"assets/buttonUp.png";
     downSkin:"assets/buttonDown.png"
     overSkin:"assets/buttonOver.png"
Thanks,
Bhasker Chari

[svn] 3278: Fix min size for button skin to be 23, 23 and make default size 70,23

Revision: 3278
Author: [email protected]
Date: 2008-09-19 16:49:01 -0700 (Fri, 19 Sep 2008)
Log Message:
Fix min size for button skin to be 23, 23 and make default size 70,23
Modified Paths:
flex/sdk/trunk/frameworks/projects/flex4/src/flex/skin/ButtonSkin.mxml

Revision: 3278
Author: [email protected]
Date: 2008-09-19 16:49:01 -0700 (Fri, 19 Sep 2008)
Log Message:
Fix min size for button skin to be 23, 23 and make default size 70,23
Modified Paths:
flex/sdk/trunk/frameworks/projects/flex4/src/flex/skin/ButtonSkin.mxml

MediaController Play Pause button skin change?

Iam using MediaController.MediaController.associateDisplay(MediaDisplay). when i click the ButtonXX, MediaController.click() method called threw. It is fine But MediaController Play Pause button skin does not change? it is allways show play symbol. how can i change Play Pause button skin?

Hi Chris,
Most of the content I create is deployed through a LMS which
has its own flash based controls used to navigate through the
content.
This means that i do not use any of the captivate toolbar
controls, but rather build the navigation buttons into the
captivate screen itself.
This has elliminated the issues you are discussing and seems
to result in a more polished end result . . . something to consider
perhaps?
Cheers,
Matt.

Conditional confirm dialog with button

Hi all,
I want to create a confirm dialog with submit button that can fire only if one item is not submitted in that page.
i have one check box item in my page called P2_LWF
i created confirm dialog with button using the below code
javascript:if (confirm('Are you sure you want to proceed?')) {
this.disabled=true; this.value='Submitted...';
doSubmit('SUBMIT');
The moment i click submit button i want to fire that confirm dialog only if P2_LWF is unchecked.
How can i do that in my application?
Regards,
Anees

Hi marko,
find application link below
http://apex.oracle.com/pls/apex/f?p=14972:1:25026364614886:::::
user name: [email protected]
pswd: symphony
you can access my work space using below credentials
http://apex.oracle.com/pls/apex/f?p=4550:1:0:::::
workspace : aneesmohd
username : [email protected]
paswd: symphony
application name: Confirmation Dialog
application id= 14972
when i press submit button i can get the confirmation dialog,but i want to make that as conditional (only when dl and lwf checkboxes are not ticked).if those are ticked i want to submit without getting the confirmation dialog.
and want to clear the employee region cashe(report region) ones submit button pressed or refresh the page.
Regards,
Anees
Edited by: anees_mohd on Jan 16, 2013 3:25 AM

ComboBox inheriting button skin - how to override

Using Flex Builder 3.
I have set up a Button style in the stylesheet so all buttons pick up the up, over, and down skins.
The problem is no matter what I do I cannot get the ComboBox to not use the skins defined for Button.
Is there a way of overriding the skins to not use a skin. I've set up a specific style for the ComboBox, but it still picks up the button skins. I've tried both using ComboBox for the style descriptor and set a specific style name like myComboBox and set the style on the combo box in the mxml.
What is strange is that from the documentation it doesn't look like ComboBox inherits any styles from Button. So this makes no sense.
Any ideas?
Thanks,
Cindy

Button in stylesheet:
Button
corner-radius: 3;
font-size: 11;
font-weight: normal;
color: #0860AB;
up-skin: Embed(source="../images/bttn-bg-off2.gif",scaleGridLeft="5",scaleGridTop="5",scaleGridRight="17",scaleGridBottom="11");
over-skin: Embed(source="../images/newBlueButtonOver2.png",scaleGridLeft="3",scaleGridTop="4",scaleGridRight="22",scaleGridBottom="13");
down-skin: Embed(source="../images/newBlueButtonDown.png",scaleGridLeft="3",scaleGridTop="4",scaleGridRight="22",scaleGridBottom="13");
padding-top: 0;
padding-bottom: 0;
padding-left: 5;
padding-right: 5;
style set up for combo box in mxml: dropdownStyleName="myDropDown"
.myDropDown {
corner-radius: 0;
fill-colors: #FFFFFF, #FFFFFF;
fill-alphas: 1.0, 1.0;
border-color: #C0C0C0;
theme-color: #C0C0C0;
roll-over-color: #d2e1ea;
selection-color: #A6CAE1;
font-size: 11;}
I even tried just setting the styleName property in the mxml, but it didn't do anything either.
-Cindy

Button Skin: How to add button properties (over, down,up)

Hi all,
     I made a custom button "skin" because I want my buttons to be images with NO box or border around it and it works great, but I don't know how to add the button functionality. ex. In "over" state buttons tend to light up and in "down" state they tend to get darker. Anyone know how to apply this to an image??? below is my code. Thanks guys!!
<?xml version="1.0" encoding="utf-8"?>
<s:SparkSkin xmlns:fx="http://ns.adobe.com/mxml/2009"
             xmlns:s="library://ns.adobe.com/flex/spark"
             xmlns:mx="library://ns.adobe.com/flex/mx" width="64" height="64">
    <fx:Metadata>
        [HostComponent("spark.components.Button")]
    </fx:Metadata>
    <s:states>
        <s:State name="over" />
        <s:State name="down" />
        <s:State name="up" />
        <s:State name="disabled" />
    </s:states>
    <mx:Image source="@Embed(source='assets/images/lightbulb.png')"/>
</s:SparkSkin>

You could try something like this:
<?xml version="1.0" encoding="utf-8"?>
<s:SparkSkin xmlns:fx="http://ns.adobe.com/mxml/2009"
             xmlns:s="library://ns.adobe.com/flex/spark"
             xmlns:mx="library://ns.adobe.com/flex/mx"
             width="64" height="64">
    <fx:Metadata>
        [HostComponent("spark.components.Button")]
    </fx:Metadata>
    <s:states>
        <s:State name="over" />
        <s:State name="down" />
        <s:State name="up" />
        <s:State name="disabled" />
    </s:states>
    <mx:Image source="@Embed('assets/images/lightbulb.png')"
              source.over="@Embed('assets/images/lightbulb_lit.png')"
              source.down="@Embed('assets/images/lightbulb_dark.png')"
              source.disabled="@Embed('assets/images/candle.png')" />
</s:SparkSkin>
Peter

Button skin locations help please

When I created my first project I used a blank slide
presentation to create eaxh slide. When I did a preview I was able
to see the entire screen including button skins and quiz response
buttons.
On my second project, a recorded demo, in the preview I must
scoll down to see button screens and quiz buttons. Did I do
something wrong. How can I see the whole screen in my demo?
Thanks.

Hi Fluffy11
You probably recorded the project too large. Remember it has
to typically play back to the user in the browser. So if you
recorded at full screen and are using a skin, the playback controls
are pushed off the visible area and you have to scroll to see them.
Try reducing the overall size of the area you are recording.
Cheers... Rick

Problem using images in a button skin

So, I have a weird problem. I need to be able to see a button in design mode. My button is a custom component (a ButtonBase) with a skin. So, I left is a tiny bit of the default skin so that you can see what it looked like in design mode. Now, the paths to the images that will be used for the various states of the button are binded to strings passed from another subcomponent. There was no other way to get what we needed done, so it stays messy. Anyway, I don't get things to display correctly. Here's the code, and after an image for what I'm getting:
[CODE]
<s:SparkSkin xmlns:fx="http://ns.adobe.com/mxml/2009"
                         xmlns:s="library://ns.adobe.com/flex/spark"
                         xmlns:fb="http://ns.adobe.com/flashbuilder/2009"
                         xmlns:mx="library://ns.adobe.com/flex/mx"
                         minWidth="21" minHeight="21" alpha.disabled="0.5"
                         preinitialize="initImageVars()" creationComplete="init()">
    
    <fx:Metadata>
        <![CDATA[
        [HostComponent("customComponents.ToggleButtonCustom")]
        ]]>
    </fx:Metadata>
    
    <s:states>
        <s:State name="up" />
        <s:State name="down" />
        <s:State name="selected" />
        <s:State name="disabled" />
        <s:State name="over" />
    </s:states>
    <fx:Script>
        <![CDATA[
            import mx.controls.Alert;
            /* First thing's first: we need to initialize our global and accessable components. */
            [Bindable]
            public var upButtonPath:String = "";
            [Bindable]
            public var downButtonPath:String = "";
            [Bindable]
            public var activeButtonPath:String = "";
            [Bindable]
            public var disabledButtonPath:String = "";
            [Bindable]
            protected var label:String = "";
            private function initImageVars():void
                upButtonPath = "assets/" + this.hostComponent.upButtonPath;
                downButtonPath = "assets/" + this.hostComponent.downButtonPath;
                activeButtonPath = "assets/" + this.hostComponent.activeButtonPath;
                disabledButtonPath = "assets/" + this.hostComponent.disabledButtonPath;
            private function init():void
                /* Give values to public variables */
                //upButtonPath = "Up.png";
                //downButtonPath = "Down.png";
                //activeButtonPath = "Active.png";
                label = this.hostComponent.label;
            /* Define the skin elements that should not be colorized. For button, the graphics are colorized but the label is not. */
            static private const exclusions:Array = ["labelDisplay"];
            override public function get colorizeExclusions():Array {return exclusions;}
            override protected function initializationComplete():void
                useChromeColor = true;
                super.initializationComplete();
            private var cornerRadius:Number = 2;
        ]]>
    </fx:Script>
    
    <s:Rect id="fill" left="1" right="1" top="1" bottom="1" radiusX="2">
        <s:fill>
            <s:LinearGradient rotation="90">
                <s:GradientEntry color="0xFFFFFF"
                                                 color.down="0xAAAAAA"
                                                 color.selected="0xBBBDBD"
                                                 alpha="0.85" />
                <s:GradientEntry color="0xD8D8D8"
                                                 color.down="0x929496"
                                                 color.selected="0x9FA0A1"
                                                 alpha="0.85" />
            </s:LinearGradient>
        </s:fill>
    </s:Rect>
    <mx:ViewStack id="buttonImage" x="0" y="0"
                                selectedIndex="0" selectedIndex.down="1" selectedIndex.selected="2"    selectedIndex.disabled="3">
        <s:NavigatorContent id="upState">
            <mx:Image source="{upButtonPath}" width="500" height="500" />
        </s:NavigatorContent>
        <s:NavigatorContent id="downState">
            <mx:Image source="{downButtonPath}" />
        </s:NavigatorContent>
        <s:NavigatorContent id="activeSate">
            <mx:Image source="{activeButtonPath}" />
        </s:NavigatorContent>
        <s:NavigatorContent id="disabledState">
            <mx:Image source="{disabledButtonPath}" />
        </s:NavigatorContent>
    </mx:ViewStack>
    <s:Label id="labelDisplay" text="{label}"
                     textAlign="center"
                     verticalAlign="middle"
                     maxDisplayedLines="3"
                     horizontalCenter="0" verticalCenter="1"
                     left="10" right="10" top="2" bottom="2">
    </s:Label>
</s:SparkSkin>
[/CODE]
That gives me this image:
And if I use the following code to resize it, I get this:
[CODE]
/* From the component, called from init(), which is called on creationComplete */
private function resizeEverything():void
var dummyImage:Image = new Image();
var pathToDummy:String = "assets" + upButtonPath;
dummyImage.source = pathToDummy;
thisBtn.height = dummyImage.height;
thisBtn.width = dummyImage.width;
dummyImage = null;
[/CODE]
If you have any idea what to do with this, let me know. I set the buttons to the exact height and width of the images I'm using when I first call them. I don't know how else to manage this. I want the faded white to be an exact mirror of the image, so that designers (not me) can move them around on design mode. Thank you!

Figured it out. The images I was given had large amounts of padding, and when I tried to auto-resize the buttons, Flash could never grab the image and therefore couldn't size off it, so the size of the component was forced to 0,0. It's all good now.

How to change gtk theme dialog box button appearance when using tab?

Hi,
I'm using candido as my gtk theme and have noticed that when a dialog box pops up (Yes / No), it is extremely difficult to tell which option is highlighted. How do I change this appearance? I searched through the gtkrc and even used gimp to manipulate the images used via trial and error to see if I found one that worked. Can someone familiar with gtk themes tell me which gtkrc or image to alter to affect this appearance?
I use tab to select my option a ton and hate not being able to tell what I'm looking at.
For reference,
- here is the current look (can you tell which one is highlighted? It's "Cancel" -- just slightly bigger or a fine line around it) LINK
- here is the gtkrc if that helps? LINK
For one more point of clarification, I'm not talking about the button appearance on mouseover. I have identified that the button-prelight.png file changes that. I specifically am talking purely about a dialog popping up and then using the tab key alone to highlight through the options. I really like this theme, but this one thing drives me crazy. This appearance changes when I select different themes with lxappearance, so I've narrowed it down to being a gtk-theme issue, not my openbox theme or icon set.
Many thanks!
Last edited by jwhendy (2011-02-02 18:11:10)

HI,
Debug the program after you press the CANCEL button , you will get where the conrol is flowing , And instead of using
Leave to screen '910' use Leave to screen 0.
Regards,
Madhukar Shetty

Print Dialog Printer Button part 2

Hey All,
I Posted about this before and never found a fix or workaround. I was hoping since the main dialog seemd to change at 10.1.2 it would be taken care of but it seems no one but our organization sees this as an issue. I guess I'm wondering if we're all just nuts or if there's something blatent we're missing so I'm going to rephrase the question.
Acrobat 10.1.2 on Mac.
The Print Dialog contains a "Printer..." buttton by which we can access settings that are not available on the main Adobe dialog. These include printer mailboxes (on MFPs), some layout options, etc. As we often use mailboxes and secure printing, these are features which are vital to us being able to operate effectvely.
If I click the Printer button, a regular Mac OS Print dialog appears, complete with Cancel and Print buttons. If I click Print on this dialog, it doesn't actually print; I still need to click OK on the main Adobe dialog. So, it acts more like the main dialog's "sub-dialog" (my term) with additional settings, much like the Advanced button.
However, if I click the Adanced button as stated above, and all the settings look fine, I can click Cancel on that dialog. When I click OK on the main dialog, it takes into account the settings on the Advanced dialog, even though I clicked Cancel.
If I do the exact same thing using the Printer button, I get a differerent result. Even though the settings appear correct, I need to click Print to "apply" these settings to the current print job. I can then click OK and it prints as expected. However, if I click Printer and the sub-dialog's info all looks correct, I would expect either...
to be able to click Cancel and have those settings still be applied since it is acting as a sub-dialog to the main dialog (like the advanced button)
or
when I do click Print on the sub-dialog, have the main dialog automatically click OK since I'm making it clear I want to print using the settings on the Mac Print Dialog (which Acrobat treats as a subdialog to it's dialog)
with me so far?
OK, this is not just about an extra click. We have 40 users with this program and getting them all used to a very counter-intuitive way of doing things if difficult. This is causing us time and money (and possible legal/security issues). If people expect Secure printing to be in effect when the send a job to a shared MFP, and it isn't, this is a huge problem.
Again, are we missing something?
Thanks!
Jeff

Thanks Steve. Seemed like it worked at first but no go. When I go back into the Print Dialog an hit Printer, the settings ARE there but unless you click Print on that dialog, the adobe dialog ignores them. In other words, if I hit Printer and get the dialog. The settings (using presets) are saved and visible. But if I hit cancel at the dialog (which most people I know would do if they're not changing anything), it disregards the settings.
Thanks,
Jeff

Open a custom dialog when button is pressed.

I have a custom dialog that I want to display another custom dialog. I cannot get it work correctly. Everytime I add a function that will show the 2nd dialog It will show before the 1st one is loaded and then nothing happens when I click the dialog on the first!
I seem to be missing something big? I have not even started to try to get the value of the 2nd dialog and return it to the first!
Any help!!!!?
Here is some of the code
function showAddTokenDialog ()
    LrFunctionContext.callWithContext('showAddTokenDialog', function( context )
        local f = LrView.osFactory()
        tokenprops = LrBinding.makePropertyTable(context)
        props.token = "val"
        -- Create the contents for the dialog.
        local token = LrView.bind('token')
        local AddTokenDialog = {
            bind_to_object = tokenprops,
            title = "Add Token",
            actionVerb = "Add Token",
            actionBinding = LrView.bind('action'),
            contents = f:row {
                f:static_text {
                    alignment = "right",
                    width = LrView.share "label_width",
                    title = "Token "
                f:popup_menu {
                    value = LrView.bind('val'),
                    items = tokenItems,
                    width_in_chars = 15
        result = LrDialogs.presentModalDialog(AddTokenDialog)
    end)
end
function Mine.showCustomDialog()
    LrFunctionContext.callWithContext("showCustomDialogWithObserver", function(context)
        props = LrBinding.makePropertyTable(context)
          local c = f:row {
                                        f:static_text {
                                            alignment = "right",
                                            --width = LrView.share "label_width",
                                            title = "Caption: ",
                                            width_in_chars = 10
                                        f:edit_field {
                                            --place_horizontal = 0.5,
                                            --bind_to_object = tableTwo,
                                            value = '',
                                            height_in_lines = 2,
                                            width_in_chars = 20
                                        f:push_button {
                                            title = "Add Token",
                                            -- When the 'Update' button is clicked
                                            font = '<system/small>',
                                            action = showAddTokenDialog ()
          LrDialogs.presentModalDialog(
                title = "Barcode Match",
                contents = c
    end) -- end main function
     end

See http://htmldb.oracle.com/pls/otn/f?p=24317:91
The Toggle button does what you need.
The button has a URL of Toggle(). The function Toggle
is defined as
<script>
function Toggle()
var txt=html_GetElement('P91_TEXT');
txt.disabled=!txt.disabled;
if (!txt.disabled) txt.focus();
</script>
I don't want to seem ignorant but where do I put this code of the function toggle. I don't seem to see a URL anywhere in the button. Maybe I'm using a different button type then you.
Aron

Af:dialog OK button skinning

Similar Messages

Maybe you are looking for