APEX 4.2 - theme 25 - model extra button with red background

Hello

I am relatively new to APEX and just building my first application.

In this application I often forms with save, cancel, and delete buttons.

While I create registration button type "to hot' and the button cancel as 'normal' I want to highlight the button on a red background. I tried several stylesheet changes, but did not get the result I want. Compatibility between browsers should stay.

Could someone lead me to the place I need to change the css? I assumed that the addition of a new model of button (for example "button - Red") with another class in the 'Normal' model should do the trick, but I can't make it work.

Currently, I use the following model "Normal":

<button class="uButton_red" onclick="#JAVASCRIPT#" #BUTTON_ATTRIBUTES# id="#BUTTON_ID#" type="button"><span>#LABEL#</span></button> 

But no idea what css style I should change to get a red background

The result should look like this screenshot manipulated:

button.jpg

Any help is highly appreciated

Kind regards

Martin

Thanks InoL. I finally managed to get a red button:

1. create a copy of the 'Button' model (I named it "Red - button") and replace the normal template in the button definition by the following text


2. change your default page template (in my case its 'a level tabs - No. Sidebar') and add the following lines in the Style sheet cascading - Inline:

.uButton.uRedButton, .uRedButton.uButtonLarge {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #A62D2D;
    border-color: #A62D2D #A62D2D #7E2222;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    border: 1px solid #A62D2D;
    border-bottom-color: #7E2222;
}

.uButton.uRedButton span, .uRedButton.uButtonLarge span {
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.4) inset;
    background-color: #E55B5B;
    background-image: -moz-linear-gradient(center bottom , #A53131 0%, #E55B5B 75%, #F25454 100%);
    background-image: -webkit-linear-gradient(bottom, #A53131 0%,#E55B5B 75%,#F25454 100%);
    background-size: 100% auto;
    box-shadow: 0 1px 0 rgba(255,255,255,0.4) inset;
    color: #fff;
    font-weight: bold;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.35);
}

3. create a new button with the attributes according to

==> Result is just what I wanted

Hope this helps some other institutions ;-)

Someone at - it an idea if the joint CSS for FF and Chrome could lead to problems?

Thank you

Martin

Tags: Database

Similar Questions

  • How can I create a button with alpha background and text? When the alpha element group influence all elements, but the text remains 100%

    When the alpha element group influence all elements, but the text remains 100%
    I try with the Group of elements and no group, but include elements in the 'State' of the widget library button. Nothing!

    Explain dough my problem and please excuse my English...
    I need to have a transparent background with text (name and job) at the start. When I rollon with the cursor of the mouse on the button background should take a color with 60% alpha, required text full color stay, but if I group or insert State of the item on Rollo button mouse everything take alpha 60%

    I need to regroup or insert in elements went State button because if they are ungruoped to mouse Rollo on bottom its all is ok, but when the mouse passes over the background of text out you of you initial state.

    Can someone help me please?

    I think I know your problem - are you using the opacity of the 'effects' rather than opacity to "fill" - one of the effects will affect the entire element rather than just the rectangle.

    Use this opacity

    not this one

  • Custom with a background image button had a white area around it

    Hello

    I have a screen with a black background and I am trying to add a custom button with a background image on it. But the custom button has a white border around it.

    Is it possible to remove this white border or black?

    Thank you

    Is the custom field button only focusable, or do you see it too when she does not have focus? Try drawFocus() substitution if it is only when he has developed there.

  • Apex 5.0: Theme Roller and background image

    Hi all

    I'm new to APEX 5, but have many years experience with HTMLDB/APEX.

    I created a dummy application with only a blank page. Now I want to give a background image for all the pages of my apex application. To do this, I downloaded a picture of 'images of the workspace' and now, I would like to use this image as a background image. Here are my questions:

    1. How can I declare this image as background image using the custom field 'CSS' roll theme?
    2. Is this possible using the theme roller?

    Thank you

    Hi S-Max,

    of course, it is possible and it is not necessary to change the universal theme page templates. You can easily do with theme roller.

    1. Go to components-> themes-> universal theme shared
    2. Scroll down to the region of "files".
    3. Download your background image with the 'Upload File' button (Note: this is not a static file request or workspace, instead, this will be a static file of the theme!)
    4. Run your application
    5. Open the theme roller and choose your theme style
    6. Go to the "Custom CSS" attribute
    7. Use the CSS code you have pasted above, but delete #WORKSPACE_IMAGES #.
    8. Click Save / Save as (-> generates the new theme CSS stylesheet file, which is stored as a static file of the theme next to your background image.) That's why you can make reference to the image with a relative URL).
    9. Click the current value (if the custom theme style is not already the current)
    10. Topic close Roller
    11. The above generated theme style CSS file gets charge and your background image should display

    Concerning

    Patrick

    ---

    Member of the APEX development team

  • APEX 5, universal theme, value pairs attribute - column layout problem

    Hello

    APEX 5, universal theme.

    I have a little problem with the column model attribute - value pairs.

    If one of the fields is the result of a LOV and the value of the field is zero the provision goes a little wrong (half a row of the value column), when having long lists of pairs, it is difficult to see what value belongs to what field. It is a horizontal allignment problem that looks like the below example, the field in the middle is an empty field based on a LOV.

    Think of it as a little bug. Maybe someone can provide an easy solution?

    See you soon,.

    Bottom

    It looks like a bug in the CSS of the theme. This rule

    .t-AVPList-label,
    .t-AVPList-value {
      display: block;
      vertical-align: top;
      font-size: 1.4rem;
      line-height: 2rem;
      padding: .8rem 1.2rem;
      margin: 0;
      box-shadow: 0 1px rgba(0,0,0,.05) inset;
      transition: background-color .1s;
    }
    

    needs a property added minimum height so that the heights of term/description elements are aligned if one (or both) of them are empty:

    .t-AVPList-label,
    .t-AVPList-value {
      display: block;
      vertical-align: top;
      font-size: 1.4rem;
      line-height: 2rem;
      padding: .8rem 1.2rem;
      margin: 0;
      box-shadow: 0 1px rgba(0,0,0,.05) inset;
      transition: background-color .1s;
      min-height: 4rem;
    }
    

    You can create a style sheet personalized containing a rule of precedence for this problem:

    .t-AVPList-label,
    .t-AVPList-value {
      min-height: 4rem;
    }
    

    Transfer it to your workspace and reference it in the theme CSS File URL property to include in the app:

    #THEME_IMAGES#css/Core#MIN#.css?v=#APEX_VERSION#
    #WORKSPACE_IMAGES#theme_42_AVPlist_fix.css
    
  • «... "No visible extra button on Ice Cream Sandwich

    In the new Aurora user interface for android (v14), several posts on the new design show a button «...» "additional should be to the right of the tab new button '+' when running on ICS. My phone is running ICS, but I don't have the extra button.

    First picture here shows what it should look like. My interface is similar to the image on the left, despite ICS running. http://Madhava.com/egotism/archive/005059.html

    Hello

    Yes, for older phones that upgrade to ICS (which have the menu button under the screen), the main menus will be available from there instead of adding the new... button. I will update the documentation to reflect this subtlety, thank you for that question!

    Kind regards
    Michelle

  • Operational difference V10: Extra button in the Windows 7 taskbar

    After the upgrade to V10 in Win 7 Pro 64-bit SP1 (without welding and otherwise, I'm happy!) I see an additional FF button on the taskbar at the bottom left. Other applications, including the FF V9 using the existing button in the taskbar (the one used to launch the app). I really hope this isn't a 'function' (dress-ed bug). Please remove extra button, or, as appropriate for other users, an option to combine with existing button.

    Hello

    Please see this thread. There are two different ways that you can try to reset to the original.

  • Problem of setting a value for the hidden item click on the button with processes action or pl/sql dynamic

    Apex 4.1

    Oracle 11g

    I have a page which consists of a main and several sub-regions area.  I have a pl/sql process in after the header SET_DISPLAY(:P400_DISPLAY:='MAIN';))

    Three subregions have a contional show where P400_DISPLAY = STORE.  It works in the hiding of the sub regions.

    Now, I want to change the value P400_DISPLAY to the STORE to show the subregions when I hit a button.

    I tried to create a dynamic action for the click on the Add button, but get the following error:

    The selected button uses a model of 'button' that does not contain the #BUTTON_ID substitution string #.

    I went to the models and found:

    Substitution strings

    Top

    Substitution strings are used in sub models to reference the value of the components. This report details use of string substitution for this model.
    Substitution string Referenced De Description
    #LINK #.YesModelTo be used in an attribute "href".
    #JAVASCRIPT #.NO.To be used in an "onclick" attribute
    #LABEL #.YesModelButton label
    #BUTTON_ATTRIBUTES #.NO.The attributes button
    #BUTTON_ID #.NO.ID generated button will be ID either the static button if defined, or if not will be a generated ID internally in the format 'B ' | [Internal ID of the button.

    I then tried to create a page process, pl/sql,: P400_DISPLAY: = 'STORE '; If the button is pressed.  The action of the button is submit page. However, it does not change the value of P400_DISPLAY and the subregions are hidden.

    Suggestions please on how to fix the template or change the value of P400_DISPLAY?

    The question of the root, it's that, even if you change the value of the element of your page, it is not visible to other areas of the page until it is in the session. Thus, any other action based on the value of the element of your page. the visibility of a control, a report based on the value of the item, etc. will be affected by changing the value of the item page until it has been changed in the session. Even after that, items are stored in the session, then you must do something to influence the revalued value. To see the effect of this, observe that your page will load and assesses the value of the element of your page, it sees which is the "MAIN" and mask areas. However, he didn't reassess after that.

    Then; your choices for this value set at the session are send the page, or use JavaScript to set the value in the session. If you use the latter, you will have to do extra work to make visibility tests be re - run, so, let's stick with the submit method.

    What you did above sounds correct to do this but, there are a lot of decisions, that you might have done that may have caused things to do not occur in the correct order.

    First of all, we will confirm that what I describe above is your problem. From the development environment, load the page, click on the button to change the value and submit. Now, click on the link marked the Session. He is always at HAND? If the answer is "Yes"; That's your problem.

    Let's start with your calculation after the header. You set it to * only * run if the current value of the element of your page is null? If this isn't the case, it's your problem.

    Load the Page-> Item set to 'Hand' by calculation-> click on the button--> Item set to STORE-> Submit-> Page Load-> point by calculating the value 'hand '.

    See the problem?

    Assuming that's not the question, you have created a branch to the same page, right? What is your process for the branch point? Is it * after * Validation, computation etc.? Because if not, you are not changing the value before that didn't get to submit.

    I bet that's the first question, but take a look at these.

    See you soon,.

    -Joe

  • How to configure a button with alignment fixed points on a logorithmic scale?

    My question is quite simple, but after rooting in the button/gauge proteries, I can't find a way to do what I would like to:

    I would like a simple button with 4 possible values control: 0.0125,0.125,1.25,12.5

    I would like that they also spaced and I want the button to engage only in one of these four values

    I can get it at least to the point of having four values there by placing arbitrary markers (scale-> add the marker), but I can't figure out how to align them, or even if it is the way of Paris to follow on that.

    Thank you!

    See example LV86 attached. Open the Properties dialog box for the button for more information on its configuration.

  • button with message of confirmation and process of PL/SQL

    HY!

    I need a button with a confirmation message ("really do you want... (' = > OK, cancel)

    If the user clicks "OK" the PL/SQL process should do an insert.

    For the button, I defined Action: "javascript:confirmSubmit('Would_you...?','RESUBMIT')."

    and in the header of the document I have:

    <script type="text/javascript">
    //<![CDATA[
    
    function confirmSubmit(msg,req){
        if(req==null){req='Submit'}
        var confSub = msg;
        if(confSub == null){
            confSub= confirm("Would you ...?");
        }else{
            confSub= confirm(msg);}
        if (confSub==true){doSubmit(req);}
    }
          
    //]]>
    </script>
    

    The process of PL/SQL does not work after pressing the button (I choose the right button to "When Button pressed").

    But the process works well, if I choose any State of the button.

    Why is it like that?

    And how can I get there?

    Hello

    How about using apex.confirm ( JavaScript API )? Then you can condition the process based on the REQUEST.

    Welcome.

  • Is it possible to make a button with multiple paths?

    Hello and good day everyone

    I want to make a flash game with a map leading to various locations for example school or beach like this http://www.yotreat.com/sites/default/files/190-160_1286.jpg

    If the player goes to the school she will find the Professor and if the player goes to the beach will be the coach.

    How can I make the player (for example) converses with the teacher at school, back to the main map and go to the beach to talk with the coach, but if she goes to school, even once, dialogue with the teacher is not the same with the first dialogue?

    = > > > It is possible to make a button with different paths to go? As if you watched the a-frame, then you press the same button again need you to part B? < < < =.

    Sorry for my confusing description... I hope you get the idea >, <
    IM so desperate... I searched for articles about this since yesterday and I still can't find one to solve this problem of mine.
    Making games is my dream... I've done a few very simple games, but I want to try a new level of difficulty

    Please help me? (> o <)

    Learn how to design solutions of programming requires learning what tools you have for you and how you can manipulate them according to your needs.  It doesn't matter if you make the games or anything else.

    Only you know the details around your design idea, but there are probably a number of management solutions with a single button to do different things.

    One way would be to use an array of information (such as the numbers of framework/labels) and have a counter that changes values when you use a button and this counter is used to index to select an element in the array.  So when you start the meter/index is 0, and he chose the images [0] table frames.  During treatment the counter/index is incremented by 1 so that the next deadlines [1] is selected.

    This same kind of approach could be used to keep track of how far went into a series of interactions, such as when you want to have a conversation with a character pick up where it left off instead to start over again.

    The key to everything that is store/keeping track of information.

  • How to access a State of buttons with code

    Hello

    I already have a few buttons which I planned on using as a menu for the difficulty, easy, medium, hard. The buttons are already made with all States and graphics, then I wanted to add an event listener so that when you click on a button for example simple, if the middle button was to its state of success I have he would return back to upward, for example:

    easyButton.addEventListenere (MouseEvent.CLICK, function(e:event) {mediumButton.gotoAndStop ("up") or mediumButton.up

    but then I realized there no properties or function in the simpleButton class to change the State of the button, I know I can do a movieclip and I Stop at the top image, but is there a way to make it work like a button?

    Buttons in Flash back a long long way. In previous versions you could not access by name buttons and they were really shaking and odd. Users of dropped and developed more serious Flash from buttons of the movieclips.

    I don't really know why they did not set them when they have updated the AS3, but there you go! I guess it has something to do with the idea of keeping them simple.

    With respect to visibility, be sure that you set the visible property and not the alpha. A button with zero threshold alpha will be rolloverable, clickable, etc..

  • Creating visible buttons with graphics

    After you have created the button with graphics.

    Button layer... See the CIRCLE, MORE white poster, down the place of show, STRUCK by the black circle.

    Can you tell me it's OK because after I add layer to ActionScript still getting errors.

    I want to assure you that I have up to this point.

    a big thank you to you guys who helps others

    What you are doing inside the both graphic key have no impact on issues relating to the code.    The CLICKED image specifies only the clickable area for the button, it is not an image that is displayed at any time.  It is usually used if the clickable area must be different from that of the top lowest areas.

    If you get any errors, you must copy and paste errors in your ad and view the code associated with them.

  • show/hide the button with the icon enabled when the condition is met

    Hello

    I created a B button with an icon of a sign of the green check mark.
    It must appear next to another A button when a condition is met.

    How can I better get this working B key, without using something else than the APEX.

    The condition is that some data has been inserted by clicking A button or simply exist in the database table.

    I tried conditional display of point with conditiontype "PL/SQL Expression.
    but could not make it work.

    TNX to tide me over.

    Cara

    Hello

    If you use the condition EXISTS (SQL query returns at least one row)?

    This could give idea how
    http://Apex-SMB.blogspot.com/2009/05/How-to-determine-if-user-can-view-apex.html

    BR, Jari

    Published by: jarola 18 November 2009 16:07

    Oh,.
    I paste the wrong link and can not find more good.
    Well anyway in this link is also example to condition EXISTS

    To meet this requirement I can add a condition (SQL Exists) to the Report 2 region on Page 2:
    

    It takes something similar and your table selection

  • How can I buy iphone model A1723 - free online contract? will be model a1723 works with GSM (AT SIM cards

    (1) how can I buy iphone model A1723 - free online contract?

    (2) A1723 model Will work with cards SIM GSM (AT & T etc.)?

    Yes, you can buy it SIM free online.

Maybe you are looking for

  • "Change the color of the text Message" == "mark as spam"?

    The last couple months, I have been see a large number of cases where the probable-spam is moved to my Inbox junk, but not actually marked as junk.  In the spam box and actually being marked as junk e-mail are different: regardless if they are in the

  • iPod connection and synchronization problems classic160GB

    I have a well taken in charge iPod classic 160GB. Worked perfectly until... Since the upgrade to the latest OS (iMac), I've been prone to random error when updating of my music. Essentially (1) the device is still connected and there is no apparent w

  • BIOS question

    I have an old computer D51S that I am trying to upgrade and would like to know DFI, it is necessary to update the bios, and if so where can I find the new version of the bios download? Thanks for any help.

  • Screen turns black when it is online.

    Whenever I'm online or simply using my laptop, my screen goes black, I have to close my notebook or turn off several times for the light on the screen to turn back, why he did this?

  • Push to BIS and BES

    Hi all I have developed an application using the Blackberry push service growing public listening.  This works surprisingly well on the regular devices.  However, when I tried the same application on a device that is registered to a company BES, she