Apply different background colours to group radio buttons

Hello

I am trying to apply different background colours to group boxes.

I have 3 buttons:

yellow, red and green.

As you can imagine. I have to same color of background as their names. I have no idea how to do it. I assume that this has something to do with css, but I don't know even how to see the buttons in a css file.

If anyone knows?

Thanks in advance,

Elizabeth

To do this, you use JQuery as below.

$("label[for='P1_RADIO_0']").attr("style", "background-color:red;");
$("label[for='P1_RADIO_1']").attr("style", "background-color:green;");
$("label[for='P1_RADIO_2']").attr("style", "background-color:yellow;");

For radio, you will need to define LOV. For each option button consist of aelement and an associated item

The ID of eachelement goes like:

P1_RADIO_1

P1_RADIO_2

P1_RADIO_3

P1_RADIO_4

.......

And labels have an attribute 'for' to reference the brotherelement, so the Jquery here above.

Run it on loading the page with dynamic action. Here's a working example:

https://Apex.Oracle.com/pls/Apex/f?p=14949:1:

Tags: Database

Similar Questions

  • How to group radio buttons LabWindows/CVI

    Hi all

    I use 3 boxes in my GUI. Only onle is selected at a time where no one is selected. For example, I have three buttons B1, B2 and B3. By default, B2 is selected and (1) if I press B2 it désélectionnera it free, and nobody is selected in this group. (2) if B2 is already chosen and I based on B1, then désélectionnera B2 and B1 will be selected.

    Is there why group multiple radio buttons?

    -Vishnu

    Hi Vishnu,

    CVI comes with a custom control called Radio group that you can use for this purpose. It is a custom tree control that you can add to a group of experts. You can locate this control in the control of Toolslib:

    If you don't want to use this instrument, it is pretty simple implementation of a group of radio buttons. You can use something like this:

    1. Create controls that must be grouped on the Panel
    2. Create a control array
      CTL int [3];
      CTL [0] = PANEL_RADIOBUTTON1;
      CONT [1] = PANEL_RADIOBUTTON2;
      CTL [3] = PANEL_RADIOBUTTON3;
    3. In the reminder of the command:
      for (i = 0; i< 3;="" i++)="" setctrlval="" (panelhandle,="" ctl[i],="" 0);   ="" turn="" off="" all="">
      SetCtrlVal (panelHandle, control, 1);     Turn on the active radio button

    Modify Normal behavior in radio buttons is that one of the group must always be selected. If you want to be able to have no selected control, you can easily customize step 3 to get:

    for (i = 0; i< 3;="" i++)="">
    If (Control | = ctl [i]) SetCtrlVal (panelHandle, ctl [i], 0);    Disable all controls, different from the active
    }

  • Background color for the radio button does not change during execution

    Hi everyone,

    I set the background color of shapes in blue in the formsweb.cfg file. I used 4 radio buttons in the form and at the time of execution, the background color of the option button is gray.

    So I used SET_ITEM_PROPERTY trigger to set the background color, but it is not chaning. It remains grey.

    SET_ITEM_PROPERTY('TRANS_MASTER.) MODE_OF_PAYMENT', BACKGROUND_COLOR, 'r90g117b148'); - Radio button group

    SET_ITEM_PROPERTY('TRANS_MASTER.) CASH', BACKGROUND_COLOR, 'r90g117b148'); - Radio button
    SET_ITEM_PROPERTY('TRANS_MASTER.) CREDIT_CARD', BACKGROUND_COLOR, 'r90g117b148'); - Radio button
    SET_ITEM_PROPERTY('TRANS_MASTER.) CREDIT_CUSTOMER', BACKGROUND_COLOR, 'r90g117b148'); - Radio button
    SET_ITEM_PROPERTY('TRANS_MASTER.) REDEEMVOUCHER', BACKGROUND_COLOR, 'r90g117b148'); - Radio button

    I used the RGB color as r90g117b148.

    Please help me,

    Thanks in advance,

    Published by: lola amrani may 5, 2010 07:56

    Hello

    When the desig, assign ownership of background color for group of Radio buttons and boxes option for

    François

  • Hide the individual fields of a group (radio button) based on another field

    Looked through the archives, but couldn't find the answer, who worked... THANKS in advance.

    A form that contains a radio 2 field (named funding) group - 'Cash' or 'other '.

    The group following (FinancingType), which is independent now, is a group of radio buttons of the 5 field - "Cash", "FHA", "GO", 'Classic' and 'other '.

    "Cash" is selected in the first group, I want to [FinancingType]. Button of Cash to choose (what I work via a trigger MouseUp)

    If (event.target.value == "Cash).

    this.getField("FinanceType").value = 'Cash ';...

    However, I want the other 4 fields greyed out or hidden.

    In addition, if the radio button "Other" is selected, I want to [FinancingType]. Button of cash to be gray or hidden.

    (ps. I know just enough coding to get in trouble!)

    Yes, you can. The code would be:

    this.getField("FinanceType").readonly = true; or false, change it back

  • text/button/display of the radio buttons in a different page depending on the radio button

    Hello
    I have this project wehre I need to display a text message about ten lines each based on the choice of a selection of button radio, then siplay to another page (screen page).
    is it possible donation
    and how?
    This is my code so far.


    In my index.cfm page
    I have the following code.


    If the user clicks
    show message1 / first the radio button then
    It appears
    yyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyy yyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyy yyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyy


    If the user clicks
    show message1 / second radio button then
    It appears
    pppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppp pppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppp pppppppppppppppppppppppppppppppppppp



    < Td > < label > for the: < br / >
    < input name = "mygroup1" type = "radio" value = "show message1" / >
    First option button
    < / label >
    < p >
    < label >
    "" "" < input name = "mygroup1" type = "radio" value = "message recu2" / >
    second option button
    < / label >
    < /p > < table >


    my "submit" button

    < p >
    < input type = "submit" name = "Submit" value = "" gotodiplaypage > > "/ >"
    < /p >

    ------------------------------------------------------------------------------------------ --------

    When submit is pressed then it will go to

    View my stories page

    Dis_mystories.cfm

    Try this...

  • Best use of an option button n/d in collaboration with radio button groups.

    Hello

    I'm really new to LiveCycle ES, I would be too embarrassed to tell you how I came across this app.  I've attached a screenshot of a such question survey designed by our sales team.  Ideally, they want formulate me the answers to the question in such a way that the response of n/d, if selected by the user, does not allow other radio buttons on the same line selection.  Each group is a group of exclusion so that in each category is allowed that one answer, I built.  The problem is that the N/A option is its own group of radio buttons and cannot be deselected.

    Someone has advice on how to manage a radio button option N/A or may suggest a completely alternative way to handle this.  Its better if you look at the screen shot to see how hokey, it's really.

    Thank you

    Julie

    Julie,

    You copied my script, but did not change the names of path for the form variables. My root of form was 'form1 '. The root of your form is "SupplierSurvey".

    In addition, two variable shape rules of naming conventions: don't use dots (.) and don't use hyphens (-).

    I've renamed "on Page4-SurveyStart" to "Page4_SurveyStart" and removed the '. 1' extension of groups radio button exclusion to point 1.1. Accordingly, the code works for section 1.1 and you need to make the changes to the other sections.

    Steve

  • Why are my radio buttons do not rename pages spawned from a hidden template?

    Hello world

    I'm new to PDF forms and have never tried to use JavaScript. However, I have learned many things and I have followed several threads and almost accomplished what I want, but have hit a block. I don't understand the JavaScript well enough to find my problem. Your help is greatly appreciated.

    SYSTEM REQUIREMENTS: Adobe Acrobat X Pro Mac OS 10.8.5

    WHAT I WANT: a form of several pages (100 pages) of grading of student assignments. Each page must have the same fields, but as each page belongs to a new student, he must have different values in the fields on different pages. Each page contains 4 questions to score, with possibilities of 4 points for each question (0, 1, 2, 3 points), and then only to 01:20 should be selected by the question.

    WHAT I HAVE BECAUSE, by following the instructions in this thread (Re: multiple-page form) ):

    (1) created a form with a field for the name of the student and 4 sets of radio buttons (labeled Questions 1 to 4, with choice of score 0-3).

    (2) placed a button at the bottom of the page that will generate a new page and rename fields.

    (3) set this page as a template.

    4) has created a page.

    (5) made the model "hidden."

    THE PROBLEM: Steps 1-4 above work perfectly - as long as the model (called 'Form') is visible, when I click the button, a new page generates and student name field renames fields to Page 2 for "P2. "Form.Student ID # ' and the boxes option and rename it 'P2 '. Form.Question 1 "etc. Whenever I press the button, it renames everything properly.

    However, if I hide the model, then when I click on the button on page 1, Page 2 fields are renamed "P1. Form.StudentID # 1. "AND THE RADIO BUTTONS DO NOT RENAME. They get the name "P1. Form.Question 1 "etc. So the student name field did rename in a way that allows me to enter a new name on every page, but is not actually reflecting that I am on page 2, and regarding radio buttons, at that time, I can't enter the different scores on different pages because they are all part of the same group radio button.

    If I use checkboxes, they rename similarly to the student ID field, but I don't want to use checkboxes because I want to back a possible score value for each question to have the data in the table. I don't want to not let the model visible because when I distribute this screen allows other workbooks, they can enter values in the page template without realizing it, and then when the forms of spawning, they hurt the data already entered.

    Here is the script that I put as the mouse to the top button script:

    Specify the name of the model
    var template_name = "form";

    Get a reference to the model
    var t = getTemplate (template_name);

    Add a new page based on the template
    If (t! = null) {}

    t.Spawn({)
    nPage: numPages, / / add the new page at the end of the document
    bOverlay: false, / / create a new page, not an overlay
    bRename: true / / rename fields
    });

    } else {}
    App.Alert ("the named model-'" + template_name + "does not exist in this document.", 1);
    }

    Thanks for your help

    It's basically the script to a page of spawning but changed the page number 0 and adds the code to hide the model >

    Specify the name of the model

    var template_name = "form";

    Get a reference to the model

    var t = getTemplate (template_name);

    Add a new page based on the template

    If (t! = null) {}

    t.Spawn({)

    nPage: 0, / / add the new page at the beginning of the document

    bOverlay: false, / / create a new page, not an overlay

    bRename: true / / rename fields

    });

    t.Hidden = true; hide the model

    } else {}

    App.Alert ("the named model-'" + template_name + "does not exist in this document.', 1, 0");

    }

    If we do not hide the model and the model field are met, then the model replicates the field with the value of the field.

  • Change radio button color default or unspecified

    Hi all

    the background color of my radio buttons is 'white' and the foreground is bloack,

    I want without colors (not specified) or (by default),

    How to do?

    Thank you

    I told you, it's black and white,

    any button of the radio I create takes these values by default (black and white).

    My team leader did it by clicking on the button "inherit" at the top of the range of property while it is on the property "background color"

    and it's done, but I don't know how?  What is the relationship between the 'inherit' button and this situation?

  • programming of the radio buttons

    Right now I am able to choose between 'Keep' and 'Correct' and between 'Right' and 'Left', but I want to make is that if I choose the 'Proper' option, I will have to choose between "left and"Right"(although the 'right' and 'Left' should not be invisble).» I have no experience in programming JS, then I would be really happy if you could help me by using a simple method.Clipboard01.jpg

    Another unrelated question: as you can see I have a highlighted text box where I enter the mm. The underscore is very low, because only in this way the text typed would be aligned in the 'left' and 'mm '. Is there a way to sensitize the underline without room for the typed text?

    Thanks in advance

    Hello

    Look at this example that shows how to use the presence property to show and hide objects: http://assure.ly/h7whb8.

    There are also a few examples here:

    https://Acrobat.com/#d=ALebgueDXjewHjGyYRdrmw

    https://Acrobat.com/#d=FXLq025O2C0aDMh9YqpH1g

    Basically, you put the following script in the click event of the group radio button exclusion:

    if (this.rawValue == "Correct") {
         direction.presence = "visible";
    }
    else {
         direction.presence = "invisible";
    }
    

    It is on the basis of option buttons left and right being inside an exclusion of called "direction" radio button group Also if you have specified a value in the object > range of liaison for the option button, the script would need to test this value.

    You can adjust the margins textfield in the page layout palette, so that the underlining is lifted up. Trial and error.

    Niall

  • Group of buttons Radio ALTER background based on its value

    APEX 4.0
    Oracle 10
    Browsers IE, Firefox

    I have a situation where a supervisor examines the results that took an auditor. The listener on a previous page has selected a group of Radio buttons in s/ovalue. As an alert to the contractor on another page, how can I set the background color of the Radio group to red depending on the value being N/A?

    Jeff

    Jeff

    You are lucky enough to work with APEX 4.0, so try a dynamic Action. Simply work through the dynamic Action Wizard:

    1 implementation

    Click on "Advanced".

    2. identification

    Name: Point culminating RG

    3. what

    Event: Page load

    4. the real Action

    Action: Style assigned

    Style name: background-color
    Value: Red

    5 affected elements

    Selection type: DOM object
    The DOM object: P6_PRODUCT_AVAIL (this is the ID of the DOM element: APEX produces a field set where the DOM ID is the name of the group element.) I tested with the radio group on the details page for the product of the sample application.)

    After you create the dynamic Action, click in it and add a standard APEX condition to make depending on the value of "N/a" radio button

  • Modification of several radio buttons to a different group

    I have a pretty big shape based on the print that I need to turn it into a form online. I already have a PDF of the document and I just want to add radio buttons on top of the boxes existing. Each question had three possible answers (Yes, no, n/a), and of course I need to put each group of 3 checkboxes in the same group to make sure that they behave as expected and only allow one option by question.

    For the speed, I called the three checkboxes, gave them the right answers and the same group name, then duplicated them between the shape of alt - dragging them.

    I now need to go through the form and change the group names so that they are grouped by issue, rather than being part of the same group.

    i.e.

    The first group is P2_Q1. I want to choose the next group of three radio buttons in a single operation, and change their group to, say, P2_Q2. Then change the next group of three at P2_Q3, P2_Q4 and so on...

    I don't want not to change the name of each option button group, partly because I have a lot of questions, but also partly because that forced to do suggest Acrobat violates every principle of sound mind and good software design, Acrobat already makes my head ache like it is.

    Can anyone help? Thanks in advance.

    Screen Shot 2016-10-01 at 16.53.31.png

    Better start to rename, there is no way around it.

    I rarely use radio buttons, but when I do a large number of groups such as this (usually groups of checkboxes) I use a custom tool I built which allows me to quickly create fields. If although there is not a good integrated solution, it is possible to build a.

  • Problem of having a group of radio button deselect when I choose a different button

    I'm hoping to get help on having two radio button deselect when I select another radio button.  It's a bit complicated to explain, so I made an example below.  Pay now and pay later are radio buttons with the same group name (choice).  Balance credit card and by check are another set of radio buttons with the same group name (Options).

    What I need to happen is if you click on pay later after accidentally clicking the pay now and pay by credit card options, The Pay Now désélectionnera but pay by credit card or pay by check désélectionnera not.

    I think I need to use a java code with possibly affecting values to some buttons, but I have no idea how to proceed.  Please see the example below if what I typed makes no sense.  Any help would be greatly appreciated.

    pt1.jpg

    pt2.jpg

    Hi Jeffstolz

    A way to accomplish what you want is to assign an action to the button pay later which is reset a form.

    Then you choose Reset only remuneration by group of credit button.

    Try it.

    Ron has

  • Radio buttons in different objects is part of the same group?

    Hi all

    I have a component custom with a radio button and enter text in there. I'm dynamically adding instances of these components in a VGroup, however, I have difficulties to do belong to the same group of radio button.  I tried to adjust their property groupName under the same name, but they always behave as separate radio buttons (you can select all of them and they will be selected).  Does anyone have any ideas on how I can do belong to the same radio button group? Any help will be greatly appreciated. Thank you.

    Create a RadioButtonGroup in the main application, and set the Group on the

    Radio buttons in the group.

  • Syntax to hide an option button in a group of radio buttons

    Good afternoon

    Syntax question.

    I have a group named 'CheckMainbox' with 4 appointed choices radio buttons "option 1" "choice 2" "3" and "choice4" choice. "»

    My code project

    {if(Event.Value=="true")}

    this.getField("CheckMainbox").value = "choice1". display.hidden <-this is an incorrect code, but what is the correct syntax to do this?

    }

    I found this:

    Field compared to the attributes of the widget

    Some properties of the Field object as value, apply to all the widgets that are children of this field. Other properties, such as rect, are specific to the different widgets.

    Methods and the following field properties affect the attributes at the level of the fields:
    calcOrderIndex charLimit, comb, defaultValue, doNotScroll, currentValueIndices, doNotSpellCheck, delay, doc, editable, exportValues, fileSelect, multiline, multipleSelection, name, numItems, page, password,
    ReadOnly, required, submitName, type, user name, value, valueAsString, clearItems, browseForFileToSubmit, deleteItemAt, getItemAt, insertItemAt, setAction, setItems, signatureInfo, signatureSign and signatureValidate.

    Methods and the following field properties affect the attributes at the level of the widget:
    alignment, borderStyle, buttonAlignX, buttonAlignY, buttonPosition, buttonScaleHow, buttonScaleWhen, display, fillColor, hidden, point peak, lineWidth, impression, rect, strokeColor, style, textColor, textFont, textSize, buttonGetCaption, buttonGetIcon, buttonImportIcon, buttonSetCaption, buttonSetIcon, checkThisBox, defaultIsChecked, isBoxChecked, isDefaultChecked, setAction and setFocus.

    So I think the following would work for a widget:

    Get the widget 0 for Radio Button1;

    var f = this.getField ("Radio Button1.0");

    f.Hidden = true; hide the widget;

  • PDF forms interactive Adobe Indesign - Radio button groups

    I am trying to create an interactive form in Indesign. When I create selection of different lines with the radio button options. When I export PDF all radio buttons respond to each all the different lines. Is it possible to group together them I'm not finding where only the keys for the turn on and off specific issue and not all the lines with different questions. They seem to be all connected. I'm sure I'm missing a setting or a way to isolate a group form another, but I can't understand it. Thank you.

    Give those you want to act as a group of the same name.

Maybe you are looking for

  • Importing photos is no longer imports of Canon EOS 20 d

    Since the update to IOS 10/Sierra, the Photos is not automatically import photos from my camera. Previously, I would like to connect the camera to the USB port, open iPhotos and he would start the import process. I've rechecked through Capture of Ima

  • Satellite L300 - losing wireless connection

    Hello (loss of wireless connection)I'm not technical interest in this area, but rather disturbing and it is worse, I thought I would post this question to see if anyone new what it was. This laptop is new (Toshiba Satellite L300-1BV) Home premium 32-

  • HP Pavilion: password system

    I have a HP Pavilion laptop which is having the same problem. When I turn it on it asks a "password administrator or power on password'. After three tries, it gives me:"System disabled" 51228561Can someone help me with this?

  • Kernel panic log analysis request

    Hi guys,. Is there anyone who wishes to take a brief look on my my log of kernel panic? I can't find me guilty. It presents a curiosity I can think about and it's 3rd ram (16GB) party in my 13 "MacbookPro mid-2012 (not retina). I was running 3 MIDI c

  • T510 + i5 540M = terrible screeching noise!

    I know that there are at least two discussions related to this problem, but I couldn't find one with T510. So, in short, I was having my T510 for about 3 weeks now and since his arrival he has this problem, a sound terrible high pitch from side left/