CSS step by step

I am familiar with CSS and maintained on the Web site but need a guide step by step to make changes CSS for APEX.

The documentation of Oracle is, as usual, thorough, but not useful to someone just getting started.

All links / suggestions would be greatly appreciated.

Hi Eben,

The way to proceed is to replace the APEX with your own css.  For example, if you wanted to make the header in the Red region instead of the standard gray in some themes you could do this in your own css for overwriting:

[code]

{section.uRegion > div.uRegionHeading}

background-color: red;

background-image: none;

}

[/ code]

Your css should appear after the standard css APEX, again depending on what theme, in the header of page template, you have a line something like this:

APEX CSS-

Your CSS-

Hope this helps

Paul

Tags: Database

Similar Questions

  • Processing of the steps of 40 + "cases" manage subscriptions to e-mail group, desired look instead of single list column

    I am creating a custom subscription management page and have about 40 groups of emails I would like users to be able to manage their preferences on. I want to format e-mail groups box to check and be in more than one column instead of a long list.

    I am running into trouble. First, I brought in all the e-mail groups as single contact fields check box. This turns the page in a super long list of e-mail - not desirable groups. I can set up the processing steps so that it works to subscribe or unsubscribe to groups of e-mail users, however, I want to look more aesthetic where the e-mail group options would be in the columns.

    I am wanting a solution for the boxes of the e-mail group to fall into the columns. However, when I use the approach of adding a custom field group > > column three custom > > then download a list of all the e-mail groups, can't do the processing steps allowing subscribes and cancels his subscription. In the steps of treatment, that it looks like the entire entity boxes wants to correspond with the group just email. I need the solution allowing each group of e-mail under the boxes to be able to map to a different electronic group at Eloqua and SFDC.

    Can someone help me?

    I want to be able to have my email subscription group text boxes in a list of multi-coloumn aesthetic, instead of one single long list. It is essential that the solution still allows processing steps to unsubscribe or subscribe users to this group of specific coordination with the box e-mail they either checked or disabled.

    Here, the answer is in the code.  What you need to do is to use CSS to create fake columns in your layout.  So what you need is a container wrapped around your input box element (and label).  The necessary code is likely to vary, but the example of bootstrap below is a good reference to highlight the code.  In this case, the container with a 'field-group' class is used to contain the entire box input element.


      
      
     

    In this example, the form-group class is what you want to style.  In the CSS, you will need to use the following text:

    . Form-group {width: 33%; float: left ;}}

    This style will cause the width of the form group confined to a fixed width of 33% and the left float attribute will allow the element to be removed from the flow of the document and create a type column in your page look.

  • 2015 Dreamweaver has fluid grid of basic step by step tutorials

    Hi, now I have the 2015 version waiting Train Simple to produce tutorials for beginners on how to use bootstrap.

    I am told that the new tutorials to be released in July.

    Until that happens, I have to use Dreamweaver 2014 which Train Simple covers so well.

    I hope that their tutorials for 2015 following the same easy-to-follow format.

    I tried you are looking for tutorials on You Tube but it seems that it is too early, or suffer very poor examples out there.

    So far, as a graphic designer, I realized sites for some clients using Muse but I don't want to offer sites that are' Mobile friendly 'and '.

    That's why I made the decision to learn coding.  I felt that I was doing so well until 2015 has hit the street!

    You cannot use bootstrap without knowing the code. It's just not possible.  Bootstrap contains a boat load of CSS classes integrated which allows you to create everything from page layouts grid adapted menus, tabbed panels, forms, buttons, etc...  Without knowledge in-depth code and more specifically, startup code, you won't get beyond step 2 with it.

    Best advice: set aside the DW tutorials and spend a week doing anything other than HTML and CSS code exercises.  In the long run, this will help you more than any single DW tutorial.

    http://www.html.NET/

    http://w3schools.com/

    http://www.csstutorial.NET/

    http://phrogz.NET/CSS/HowToDevelopWithCSS.html

    http://webdesign.tutsplus.com/sessions/Web-design-theory/

    After understand more about code bases, go you back and the Bootstrap tutorials and see if they make more sense for you.

    Bootstrap 3 tutorial

    Nancy O.

  • Calculation of the position of the slider is not working properly with a sensible step

    Hello

    I already wrote in another thread on this subject, but my problem is slightly different from the other discussion, so here's one more time:

    I want to display a symbol next to the slider. He should stay there as in this example here: http://sandbox.junglecrowd.org/static/publish/web/static.html

    When you use a sensible step (which is essential for my project, because I need width of 100% on all window sizes) ot the symbol placement is dependent on the window size and position on the screen. Here is an example of the problem:

    http://sandbox.junglecrowd.org/responsive/publish/Web/responsive.html

    Then, collecting the coordinates to the breast of EA seems not to be the right way... Or does anyone know a solution to compensate for the changes?

    My idea would be to get the coordinates outside the EA... would it be possible? And in what way?

    .. of course, other solutions are welcome!

    Here is my code... As you can see I am very new to EA and coding...

    Thank you!

    BTW: I read a lot of things in this forum before because of other problems, and I found many solutions: thank you all!

    CompositionReady

    SYM.createsym = function() {}

    var position = sym.$("box").show ();

    position2 var = sym.$("text").show ();

    position. CSS({)

    Top: sym.posY, left:sym.posX

    });

    position2. CSS({)

    Top: sym.posY, left:sym.posX

    });

    };

    Stage.MouseMove

    sym.posX = e.pageX + 30;

    sym.posY = e.pageY;

    SYM.createsym ();

    I discovered a solution now!

    I take the width of the window and make a report with the width of the stage variable... The stageratio then gets multiplied with the details... When resizing the window, variables are recalculated...  Here's a working example:

    http://sandbox.junglecrowd.org/responsive_works/publish/Web/responsive .html

    Here's the code... If anyone knows how to do to improve it please tell me

    CompositionReady

    SYM.xycompensation = function() {}

    var point = sym.$('Stage');

    var parent = sym.$('Stage').parent ();

    var parentWidth = stage.parent () .width ();

    var stageWidth = stage.width ();

    SYM.scaleratio = stageWidth/parentWidth;

    };

    SYM.xycompensation ();

    $(window) .one ("Resize", function() {}

    SYM.xycompensation ();

    });

    sym.infoLabel = function() {}

    var position = sym.$("box").show ();

    position2 var = sym.$("text").show ();

    position. CSS({)

    Top: sym.posY, left:sym.posX

    });

    position2. CSS({)

    Top: sym.posY, left:sym.posX

    });

    };

    Stage.MouseMove

    sym.posX = e.pageX * sym.scaleratio + 30;

    sym.posY = e.pageY * sym.scaleratio;

    sym.infoLabel ();

  • What is the next step before programming your site 'on-line'

    Hello

    I created a Web site and I wanted to get feedback on what my next step would be before you download my Web site on the host server. It is all ready to go live I just figured there's probably some tests and validate that I need to do about it to make sure that everything works as it should. So, I wanted to know what exactly are the next steps?  Are there resources (ie: a Web site, etc.) out there on the web that can help me make this as painless as possible? I'm still fairly new to simple web design so much better.

    Thank you!

    ashmic19

    Check spelling and grammar.

    Validate the CSS & HTML code.

    To ensure the menus, links and widgets all work, fully test your site in 5 major browsers. If you must support older IE, get IE Tester.

    http://www.my-DebugBar.com/wiki/IETester/homepage

    Use the toolbar to Firefox web developer.

    https://addons.Mozilla.org/en-us/Firefox/addon/Web-Developer/

    The Web Page Analyzer report & optimization

    http://www.websiteoptimization.com/services/analyze/

    Set up Google WebMaster Tools and Google Analytics.

    http://www.Google.com/webmasters/

    http://www.Google.com/analytics/

    Nancy O.

    ALT-Web Design & Publishing

    Web | Graphics | Print | Media specialists

    http://ALT-Web.com/

    http://Twitter.com/ALTWEB

  • Impossible RoboHelp & quot; See & quot; numbering step style

    For some reason, my style of list numbered, called "Steps" has no formatting (no withdrawal and no vertical spacing) in HTML view. I tried to refine paragraph spacing in Word and I also tried to change the margin values and high dash of the page in the css file, but it does not work.

    I use RoboHelp X 5 and I used the formatting that I used successfully in a RoboHelp x 3 project last year. The year last step-numbering aligns perfectly in html; the x 5 looks like a breakfast of the dog. I also tried to use an external css file of the previous project when I generated WebHelp and no luck there either. RoboHelp can't 'see' my style 'Step '.

    Here are my settings in:
    Word - First indent = 0.41; Indent = 0; Space above = 4.0pt; Space = below 6 pt; tab = 0.63 (the number of step is manually inserted field codes and the tab is inserted manually too)
    CSS - top margin = 4; left margin = 11.35; bottom margin = 6, indent =-11.35.

    I did a test using Word numbering built-in and it has perfectly aligned. Then I tried to change the step of formatting to match the integrated numbering settings dashes and spacing, and it did not work. Re-formatting of the entire project to strip the stye Step out and use a numbering of Word would be too costly.

    Any suggestions?

    I have found a workaround that I write in case someone else has this problem.

    The problem seems to be that X 5 HR cannot 'see' the style of numbering step because field codes have been inserted to the numbering (I prefer to use the field for numbering codes because the numbering is more accurate). It wasn't a problem in X 3 but it's in X 5.

    To solve this problem, I convert text fields by selecting all (ctrl-a) and then by clicking Ctrl + Shift + F9.

    When I re-built, the numbering perfectly aligned and vertical spacing was restored.

    The downside is that from here on, the numbering should be manual.

    If anyone out there has a solution in which the field code numbers could be maintained, I'd like to see it.

  • A fact error 4014 showing each time after all the steps

    One of my friends has an iPhone 5 s and he lowered his 10 9.3.5 iOS iOS iPhone it started and inquired "side update" to the rest of the new software update points, but suddenly her iPhone off and does not turn, does not yet show the Apple Logo. I tried to restore it with the new version of the iOS 10.0.2, I file the software theipsw and then restoring the iPhone, iTunes showed me the message "waiting for iPhone" and ultimately showed me a message by this sentence "iPhone" his name' siphons ' could not be restored.» An unknown error occurred (4014).

    I checked the list of steps that Apple suggests their, but nothing happened then, always showing me the same error number. What should I do?

    Thank you for your help and appreciate it.

    I found the solution. Just type here for others with the same problem to solve their problems.

    While the "iTunes with cable" sign is showing and in your computer, showing you "Waiting for iPhone" and things occur, you should restart your iPhone (hold sleep/wake low and low home together for a few seconds) implemented after this attempt to restore your iPhone again you should recover your iPhone software.

    Thank you for your support and more.

  • You can create a goal of step in the application of the activity?

    p

    Hello

    No - the features of the activity every day app go, Stand and exercise goals. It is not possible to also add a step goal.

    If you want to suggest that Apple consider adding this option, you can submit a request here:

    https://www.Apple.com/feedback/watch.html

    More information:

    Use the activity on your Apple Watch - Apple Support

  • I followed these steps several times, but he still has to work to rebuild the index.  Is there something else in the way of this work?

    Have you tried to rebuild the index spotlight several times, but it didn't work. I followed the steps through the system preferences, but there is no result for the rebuilding of the index.  Is there another way to do it, or is there another problem preventing it from working?

    Do you mean the following steps:

    Rebuild the index on your Mac - Apple Support Spotlight

  • Enigma of two verification steps.

    Hi all.

    I upgraded my MacBook Pro for MacOS Sierra mid-2010 on September 21, and then I reinstalled Sierra Friday to try to resolve a bug, I got under the direction of Applecare.

    While re - install, I decided to accept to start the verification system two-stage iCloud.

    Then I discovered another bug, with Photos for Mac as it happens, and I wanted to post a question in these communities in this regard. So I signed up using my Apple ID on the MacBook Pro that I hit now, and I've had since December 2010.

    Not surprisingly, given that I had he walks, I received a message on the screen telling me that two-stage verification was necessary, but he also said that my ID Apple had been used to connect from a "new device", rather than the one that I had owned for six years.

    I've unlocked my iPhone to see the verification code, that I was sent, but nothing had happened. And then I realized that the verification code sent to my MacBook Pro, I had used the device connect to the help.

    Of course, when I entered the code I had received in a message on the screen of my MacBook Pro in space in another message on the screen of my MacBook Pro, I was signed in and able to post in the community.

    But what's the point to send the verification code to the verification of two floors on the same unit used to connect you to the help? Surely something wrong here?

    I wonder if this Mac is listed as a trusted device?  Go to iCloud.com > settings and see what your list of secure devices there.

    Frequently asked questions about the audit in two steps for Apple ID - Apple Support

  • Why can't I enter the country code of my phone number for the 2-step verification process?

    I just upgrade my iPhone 6 to 10.0.2. In the home screen, you asked me to provide my phone number to register in the system of validation in 2 steps. However, + 82 (South Korea) is not on your scrolling list.

    https://www.YouTube.com/watch?v=aPFbPt3KGqY

    Hey aramkim80,

    I see from your post that you are not able to enter the country code for the South Korea when setting up for your Apple ID security two-step verification of your Apple ID as much as possible is always a good thing, so I understand your concern.

    Take a look at this article: frequently asked questions about two steps checking of Apple ID. This article presents a list of countries is available in two-step verification. I do not see the Korea of the South on the list of countries currently supported, it's why you're not able to do this.

    Hope that answered this question for you.

    See you soon.

  • Step 2 verification question

    I have recently implemented stage 2 verification for my Apple ID. I get a text Message whenever I connect to my Apple account. The other day, I created iCloud and now when I connect to my Apple account on my mac I get the code on my mac. Is this normal?

    For Apple ID - Apple Support two-factor authentication

    Frequently asked questions about the audit in two steps for Apple ID - Apple Support

  • How much time does it take for validation in 2 steps activate once implemented?

    I finished 2 steps to verify Setup, has been reduced to the "Manage your account" page on the site appleid and saw that my secure devices are not listed. Then I typed the button 'Edit' for this article and was released. When I joined, it seemed 2-step audit is more has been implemented, so I set up a second time, receives a different recovery code. Not really thinking, I typed in "Edit" and was even once disconnected.

    Signature, looks like 2 step verification has been cleared again. I try again or should I just take awhile 2 step check to activate after installing?

    I have no idea of what the community of this post to do so please forgive me if I posted in the wrong place.

    Are you following the steps described here.

    https://www.CNET.com/how-to/how-to-set-up-two-step-verification-for-your-Apple-i d.

    Frequently asked questions about the audit in two steps for Apple ID - Apple Support

  • How to mixing to mastering simple steps

    How to mixing to mastering a few simple steps.  I need instructions step by step. Click here klik here etc.

    Search the Web, it has been documented in great detail.

    also, what platform do you use?

    http://blog.macformusicians.com/mastering-in-GarageBand/

    Al-part-12-mastering-in-Logic-Pro-x/ http://www.musictech.net/2014/09/Logic-Pro-x-Tutorial-become-a-Power-User-Tutori

  • Pedometer steps Complication

    Hi, the reason why I bought a Apple Watch was to keep track of my steps.  (my workplace has a program that encourages us to take a number of steps per day)

    Sorry if this is the wrong place to ask, but does anyone know of an application that displays a complication on my watch face that displays my steps?  I found an application that has a complication for the steps (see health), but it seems to display measurements taken on the phone, no measures taken according to the pedometer of the watch.

    Hello

    If it is not currently possible via built-in apps, you can add steps to the face of the watch (via a "complication") using a third-party application.

    For example, pedometer ++ integrates with the health app and offers watch face complications:

    https://iTunes.Apple.com/us/app/pedometer++/id712286167?Mt=8

    More information:

    Change the face of the watch on your Apple Watch - Apple Support

Maybe you are looking for

  • Re: Satellite A200-28 cannot read the SD card of the digital camera

    Hello I just tried to get my laptop Satellite A200-28 to read my camera, an SD card and it happens in the card reader, but nothing happens. To what extent do you have to press or on my desktop, is not go very far before the card starts to blink and i

  • Printer lost access to internet when the router has been changed

    My HP Photosmart Plus is connected wireless to my macbook air and has worked well for years.  Our company has a wired connection, enter into a linksys/cisco router and it gives access wireless via an SSID on my mac and your printer. A few months ago,

  • Satellite L650 - 13 c (PSK1EE) overheating

    Hi all I am a new owner of Toshiba L650 - 13 c (PSK1EE) (i3 330M, Intel HD graphics, 4 GB of RAM, Chipset: Intel HM55) and I had overheating problem. I don't know, is - this really normal, but my laptop (measured by Everest) a core temp 55-58 C and t

  • Cannot start from the CD on Satellite L10

    Hi, I had several problems during the last two weeks with my Toshiba laptop. I decided to back up all my files and use the recovery disk to erase everything. I put in the disc and then changed the BIOS so that the CD/DVD drive was the first. (I hope,

  • My Vista 64-bit is down packages. Load slowly and video streaming does not work.

    My Vista Home Premium 64-bit, is dropping packets. It load slowly and streaming video doesn't work well at all. I changed the modem DSL/wireless 3 times now. The problem persists. I am told that this may be the result of the execution of Windows Vist