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

Tags: Database

Similar Questions

  • MacBook Pro stops when the lid closes, loses the open tabs and background image...

    Hi all

    I recently had a new hard drive installed in my 2012 13-inch MacBook Pro. I am running El Capitan 10.11.2. Since then, my computer cuts automatically to the bottom when the lid is closed, losing all Web pages, and for some reason, some background, I've saved. (My browser is Mozilla Firefox and it prompts you to restore me the tabs lost, which he will).

    The led standby does not blink or light up when the computer is turned on, it will turn on only at startup. At startup, the login page is displayed, and after that I entered my password it takes about 15 to 25 seconds to load and open my account. What is going on?!

    Summary:

    Stop when the lid is closed,

    Loses the background image & open Web pages.

    Standby blinks only when starting,

    Time of loading extended after logging into my account.

    Any help would be greatly appreciated! Thanks a lot for reading.

    uhlexia wrote:

    Hi all

    I recently had a new hard drive installed in my 2012 13-inch MacBook Pro. I am running El Capitan 10.11.2. Since then, my computer turns off automatically when the lid is closed.

    Take it back to the repair as well as your receipt of repair shop.  Apple has a 90 day warranty on all repairs.

  • Why my colors and background image disappear when I saw my site?

    When I check the preview I got the warning saying that some files in my being incorrect or missing on the server. I've been using hexadecimal codes for colors, and my background image does not load. The rest of my content loads perfectly well. Help?

    Hello Monicagrace,

    At what stage you get this error?

    When you click Preview with Muse, on file > Site overview in the browser?

    Are you the same error when publish you on BC? To check this you can publish British Colombia by clicking file > publish to Business Catalyst.

    So what is happening locally (preview or preview in the browser page) then I you advise to clear cookies and cache of the browser and then try to preview.

    Kind regards

    Vivek

  • Quiz results: problem with Pass Message and background Image

    Hello

    I use v1 and I had a question on the quiz results page. I input a Message goes in the quiz Manager, but not the entire message appears on the Quiz results page. It seems to be cut. Y at - it something I need to do to ensure that everything is displayed or Captivate allowed me to enter a long message in the Quiz Manager, but not display it on the screen of Quiz results.

    Also, if I choose a background image it seems to appear on the upper left of the results window. Is there a way I can place this image to appear where I would that he on the results page?

    Thanks in advance!

    Hi Julie88,

    First of all, for the long message, your observation is correct. Captivate has allowed to enter long message Quiz Manager, but its actually impossible to view it in the SWF file.

    Second, for the image, unfortuantely you can't do Captivate 1. Captivate 2 comes gives you this option. Infact in Captivate 2, you can view the result do drag in the Editor pane and change it as you wish.

    Thank you

  • buttons and background image

    I had 4 different images. I want to use these images as a background.


    They change as soon as you click the buttons. I had four buttons.

    Name of the pichtures image1.jpg etc.

    buttons btn1 etc.

    I think its possible, but I don't know how to work with the community

    all your images have the correct names?

    image_mc1image_mc2image_mc3image_mc4
    

    They are on the scene?

  • Apex 4.0 Theme 2 and link to the comment

    Hi all

    For some reason when I put the comments in the topic 2 link not anywhere in the application.

    Am I missing something?

    I put 'Allow comments' to 'Yes' under 'Edit Application Properties.

    Concerning

    Spam

    Hi Spam,

    You also created related pages of "Feedback" with the page Wizard? It will also create the necessary navigation link so that you get a 'Comments' of your application link.

    Concerning
    Patrick
    -----------
    My Blog: http://www.inside-oracle-apex.com
    APEX 4.0 Plug-Ins: http://apex.oracle.com/plugins

  • APEX 5.0.1: Problem with referencing the images of the theme roller theme after migrating the ADR the PL/SQL gateway

    Hi all

    with the help of Patrick's to my question Apex 5.0: Theme Roller and background image I was able to reference the theme Images in the theme Roller:

    .t-PageBody-.t-body connection

    {

    Background: URL("background.jpg") non-repetition scroll top black Center;

    Color: #000000;

    do-family: Arial, Helvetica, Sans-serif;

    do-size: 12px;

    line-height: 17px;

    }

    But now I migrate my APEX 5.0.1 in the Oracle 11 GR 2 XE to ADR and images referenced in the roll of theme will appear no more. How can I make reference to the theme Images using ADR?

    UPDATE:

    With the PL/SQL gateway, I created my custom theme Style. It will not set too. But if I open the theme roller then my style of custom theme will be resolved - all colors will be displayed, but not the images

    Thank you!

    The problem is solved!

    Reset is always good!

    After the restart of the database, Tomcat and computer, it works!

  • How to get other themes start screen and backgrounds for Windows 8?

    Former title: how to change windows 8 start wallpaper?

    Hello

    How can I change background menu stars and their in windows 8? I know that there are some model in customize / splash screen. but I want other do and background

    Hey Amir,

    Welcome to the Microsoft Community Forums and thanks for your post about it.

    Want to know where you can get the other start screen themes and background for Windows 8 outside the themes and background images already present images in Windows 8 by default.

    Let me inform you that we will not be able to add additional themes and backgrounds for the splash screen in Windows 8. However, it is possible for the desktop interface. If you want to add backgrounds and additional desktop themes, you can visit these links and then download your favorite themes and background images.

    For desktop themes:

    http://Windows.Microsoft.com/en-us/Windows/themes

    For wallpapers

    http://Windows.Microsoft.com/en-us/Windows/wallpaper

    For more information, you can also take a look at this link:

    Customize your PC

     

    http://Windows.Microsoft.com/en-us/Windows/personalization-Gallery

    Hope this information is useful. Please get back to us, if you still have questions about the present. You can publish all your queries related to Windows on Microsoft Community Forum and we will be happy to help you.

  • Theme for the export of the theme roller style

    Hello

    I am looking for a way to export a theme style that I created with the theme roller and import it into another application. Is there a built-in way?
    I know that you can copy the JSON, which is generated by theme roller, another style of theme, but there must be a simpler way. I need this feature for many applications that need to use the same corporate design.

    Greetings

    Steven

    steve_1607 wrote:

    I am looking for a way to export a theme style that I created with the theme roller and import it into another application. Is there a built-in way?
    I know that you can copy the JSON, which is generated by theme roller, another style of theme, but there must be a simpler way. I need this feature for many applications that need to use the same corporate design.

    Just the topic of export as usual. The CSS files generated by theme roller style customization procedure are included in the export file.

  • Lost my background image of the body...

    Hello

    I had a picture nice background of blue sky and clouds in the left and right of the body areas bordering the header and sidebar 1 on the left and content on the right. For some reason, these borders disappear and the sidebar and the content now take to the top of the entire page.

    Is anyway to recover the areas of the body and background image? You can see my Web page to the.

    http://www.lanisakai.com/

    Thank you

    MobieBoy

    It's how you want it to look?

    http://www.mytechnet.TalkTalk.NET/mobieboy.html>

    If so, then take a look at the source code to see how it's done.  I did only the first page to show if that's what you want.  The links in the menu do not work until they are changed in your systems.  I just linked to your site so if move you anything so the example will not work.

    G/L

  • How to allow visitors to change the background image of my site?

    Hello.

    I wanted that my visitors to be able to change the background image to another image. Already, I know how to do it with the colors but doesn't seem to work wih images. You are able to do this on Google, but can not seem to find it anywhere online. I just want it to change while the visitor is on the site. for example

    1 visitor - context changes to-myarea.jpg

    2 visitor - context changes to-my cat.jpg

    and so on...

    This would not change the site forever, just at the point where the visitor is about it.

    Concerning

    Leon

    Here are a few ways to do this:

    Option #1:

    You'll need a JavaScript script and an array on the page background images.

    An example of work below.  View source in the browser to see the code.

    http://ALT-Web.com/BG-img.html

    Option #2:

    Create more than one style sheet with different colors and background - images of the body.

    Create a selector of stylesheet like this with jQuery

    http://www.kelvinluck.com/assets/jQuery/styleswitch/toggle.html

    Nancy O.

    ALT-Web Design & Publishing

    Web | Graphics | Print | Media specialists

    http://ALT-Web.com/

    http://Twitter.com/ALTWEB

  • CSS: background or background image

    Why the background and background-image produce different results?

    They should not.  They both make the same thing in CSS.  The 'background' property is just a shorthand way to write the multiple background properties in one statement:

    http://www.w3schools.com/CSS/css_background.asp

    See shortened on the page for a better description.

    If you are running in a particular problem with the version of shortcut, you can post what's happening, what you expect to happen, and the code that you use.

  • Apex 42 5 theme image files in the list of the Navigation menus

    Environment: Apex 5 / 12 c/Linux

    Theme 42 - Menu Navigation

    I'm trying to configure the Navigation Menu to use images in the directory of the East (or #WORKSPACE_IMAGE #) rather than the css fontawsome images.  The help in the Navigation Menu panel shows that the option to use fontawsome css images or images of file system is controlled in the list template.  However, I can find no documentation on how the template must be configured to control this option.

    I copied the side Menu of Navigation list model with a new model (picture Menu in the side Navigation) and the Navigation Menu to use this new list (under User Interfaces).  I tried various constructions in the new model based on the construction of li JQuery for example replace the HTML for the list template in the sense of: -.

    "< li characteristics-current ="true"data-id =" "#A01 #" unable to read the data = "#A02 #" data-icon = "false" >

    "< a href =" "#LINK #" title = "#A04 #" > < img src = "#IMAGE #" / > #TEXT_ESC_SC # < /a > < /li >

    However this is made with a fake fontawesome class and the img tag is removed.

    Various other html constructs fail, which suggests that a flag is somewhere that is needed to indicate to the Apex renderer to use images of filesystem rather than fontawesome classes.  It doesn't seem to be a global setting or the option to configure this.

    Any ideas?  Or the development team would provide advice?

    Thank you.

    HI Paul,.

    Have understood you things by yourself very well.

    You are right that change the markup for the list to be used by widget tree side navigation will not affect the markup generated client side. It is similarly of the menu widget. The tree and the menu widgets are JavaScript data-driven. The markup simple list is just a way to let the models list APEX to create menus or trees. The markup simple list gets transformed into a JavaScript data which are then used to create widgets. The treeView widget and the widget menu cannot use the img tags to display icons.

    Say that 5 APEX uses FontAwesome icons or even the icons of fonts is a little too specific. APEX 5 uses CSS to specify icons. This includes using images and CSS sprite images as long as they are specified in the CSS. Based on the options you give, I think that you understand the situation. In addition to background images 64 Basic, you can use other background images as well. For example, an image of the CSS sprite comes with jQuery UI, and is at your disposal. Or you can use a single image. You can create your own images to sprite.

    Take a look at this simple demo application where I used some of the icons of the sprite CSS UI jQuery as well as some images from the APEX.

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

    I created a file called my_sprites.css and transferred as a static application file. Then I added it to the user interface of office under CSS files:

    #APP_IMAGES #my_sprites.css

    Here are its contents:

    body .a-TreeView .ui-icon.fa,
    body .a-TreeView .mi-icon.fa {
        display: inline-block;
        margin: 0 12px;
        vertical-align: middle;
        padding: 0;
        height: 16px;
        width: 16px;
    }
    
    body .a-TreeView .mi-icon.fa {
        height: 20px;
        width: 20px;
    }
    
    .t-TreeNav .a-TreeView-node--topLevel > .a-TreeView-content .ui-icon.fa,
    .t-TreeNav .a-TreeView-node--topLevel > .a-TreeView-content .mi-icon.fa {
        display: inline-block;
        margin: 0 12px;
        vertical-align: middle;
        padding: 0;
        height: 16px;
        width: 16px;
    }
    
    .t-TreeNav .a-TreeView-node--topLevel > .a-TreeView-content .mi-icon.fa {
        height: 20px;
        width: 20px;
    }
    
    .mi-icon {
        height: 20px;
        width: 20px;
        display: inline-block;
    }
    
    .mi-icon-calculator {
        background-image: url("/i/htmldb/icons/pt_computation.png");
    }
    
    .mi-icon-piechart {
        background-image: url("/i/htmldb/icons/pt_piechart.png");
    }
    

    The navigation tree side force the type icon "f" then the fa class is added to all icons. If the CSS overrides some properties for the fa class. Some other special css is necessary for when icons are in a tree. For the menu icons, I entered "mi-icone mi-icone-Calculator" for example Image/class field.

    I hope that this help show how to use other types of icons CSS.

    Kind regards

    -John

  • Change the background image on the login page (smarthphone theme)

    Hello

    I would like to know how to change the background image on my login page.

    Version of the apex is 4.2.4.
    The theme is jQuery Mobile Smartphone (topic 50).

    Pls remind me if I missed some important information.

    I have a model of customised area on this page. My user name text fields and password + "CONNECT" button is placed in this area.

    I also have an inline css that centers in my area. My dimensions of the region are also placed here.

    Not available to access the application today so bad im trying to provide the look of it with a drawing.

    Also I noticed that my experience has some white color.

    Ty for any information that you provide.

    0Ja9gNj.png

    Hi Para,

    Try the style of your page like

    
    

    But if trying to define for your application color gradients extract ThemeRoller to http://jquerymobile.com/themeroller

    to set the themes of all colors and gradients you want without doing custom overrides CSS jQM Apex definitions.

    Everything you have requested can be configured via the ThemeRoller.

    Also found what may be useful if you are going to customize your login

    http://orapedia.files.WordPress.com/2012/12/how_to_set_background_image_in_a_oracle_apex_login_page.PDF

    Kind regards

    Benjamin.

  • I've just updated to Firefox Beta 20. Not happy! The options "View Background Image" and "Image Mode" when you right-click is missing. How can I get that back?

    I've just updated to Firefox Beta 20. Not happy! The options "View Background Image" and "Image Mode" when you right-click is missing. How can I get that back?

    These entries should still be there if you right click on an image or an area with a background image.

    Start Firefox in Safe Mode to check if one of the extensions (Firefox/tools > Modules > Extensions) or if hardware acceleration is the cause of the problem (switch to the DEFAULT theme: Firefox/tools > Modules > appearance).

    • Do NOT click on the reset button on the start safe mode window or make changes.

Maybe you are looking for

  • HP ProBook Notebook PC G0 440: unknown device on the Device Manager

    I have a device named 'unknown device '. Help, please! model: HP ProBook 440 G0 Notebook PC (ENERGY STAR) Model #: E5G48PASerial No.: [personal information] the hardware ID: IUSB3\ROOT_HUB30 & VID_8086 & PID_1E31 & REV_0004 & SID_194B103CIUSB3\ROOT_H

  • I have a hp psc 750 how can we change the analysis of toDOC JPEG setting?

    Hi, I use Windows XP and I have a HP psc750 printer and I am trying to scan documents in my computer. But it only scans in a JPEG file how do I chang it to do the DOC or both?

  • Delete "save under" type of file in Explorer

    Since that remove a third part called Zip extract file program now I can't understand how to remove that "save under" file type in windows Explorer when you try to save a zip file download. I do not want to reinstall pull now because the download cam

  • Quota of change in QML container

    This doesn't seem to work: Container { layout: StackLayout { orientation: LayoutOrientation.LeftToRight } Container { id: cnLeft property int quota : 50 layoutProperties: StackLayoutProperties { spaceQuota: quota } background: Color.Red Label { text:

  • Synchronize Smartphones blackBerry (internal error)

    I just bought a blackberry 8320 and am trying to put in place the ability to synchronize I go desktop software and click on synchronize go to configure and click on click on configure synchronization get the msg 'intellisynch User Configuration. gett