horizontal picture list in the 20 theme

Hello

Does anyone know how to control the width of the horizontal image list in the 20 theme? Because the length of each text under the picture link is different, some are more than others, it causes some of the icon links to become wider than others. I want them to appear with the same width. The link text should automatically extend to different line according to the needs.

Thank you.

Andy

andychow wrote:
I created a simple page in apex.oracle.com who led by example. Here is the link:

http://Apex.Oracle.com/pls/Apex/f?p=36494:1

Thank you for that.

If all images have the same size, then the more fundamental approach is a simple style rule:

.t20HorizontalImageswithLabelList td {
  width: 128px; /* Width of images/preferred width of list entry */
  vertical-align: top;
}

applied using your preferred method of CSS.

It would break if the longest word in the text exceeds the width of the image. Only likely to become a problem if display DNA sequences, names chemical or artificial German compound words. Cross that bridge when you come to him.

Tags: Database

Similar Questions

  • Click Ad blocks on my site by accident and now they are without pictures, videos or the basic theme, just an outline of text pages.

    When using my Firefox browser, I opened my site (www.selfconfidenceforum.com). On the homepage of the Google Adsense box, I hit a little "AdBlock" icon by mistake. The google ad disappeared. I right click and find an AdBlock button, but when it opened I could not find a way to turn it off. When I went back to my site in Firefos, all images, including the header, videos, etc. disappeared. That shows a preview of the text of the pages & content. How can I fix it? PS When I open the same Web site in another browser, it was fine. All images and theme shows things as usual.

    Right click on the ABP icon and choose 'open blockable items '. The blocked page items will be printed in red. You can unlock an element by right-clicking on it and choosing the appropriate option.

  • 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

  • Is it possible to remove pictures/videos from the iphone and have yet to back them up in the iCloud?

    Is it possible to remove pictures/videos from the iphone and have yet to back them up in the iCloud?

    At the moment the iCloud synchronizes only with what is already on my iPhone.

    This article should help you remove photos from my photo - Apple Support stream

  • I get emails with pictures and when I send them to others. they open them but the images are not displayed. The photos are there when I send them. Thank you

    I get emails with pictures and when I send them to others. they open
    their place but the images are not displayed. The photos are there when I send a
    them. Thank you

    Make sure that your security software (antivirus) is not blocking attachments.

  • The only theme available is the default theme. Where is the list?

    Hello.
    I'm changing the theme on Firefox, but there is no other themes besides the default theme (which is ugly). Where is the list?

    You can find more themes here:

  • Deleted user names and passwords will not apear on a list in the form, but if I start typing them they apear

    Deleted user names and passwords will not apear on a list in the form, but if I start typing them they same apear if I deleted the history. I encountered this problem on several computers: a PC with XP, one with Windows 7 and Mac so I know for some there is a firefox problem. Somehow the passwords and user names remain stored even if previously deleted. I want to sell my PC but I can not because of security risks. Of course, the problem could be solved by formatting the HARD drive and reinstall the OS, but I want to know how to solve the problem without doing. I've tried everything and still they stay... Please help me... and I want to know if anyone else has this problem. Thank you!

    If the names and passwords still show in the password manager so that they are not deleted.
    See http://kb.mozillazine.org/Password_Manager

    If you don't see them in the password manager, but they still fill then you either they have saved in form or you have an extension that has saved this data.
    See remove the navigation, search and download history on Firefox

    You can check the form data saved with this extension:
    Form history control: https://addons.mozilla.org/firefox/addon/12021

  • I disabled the menu and cannot access the drop-down list to get back them

    I disabled all the menus to make a screenshot and now I can't access the drop-down list to get back them

    This has happened

    Just once or twice

    is today

    You can hide the menu bar in Firefox 3.6 on Windows, on "view > toolbars" or via the contextual right click menu on a toolbar.
    Press in and hold the Alt key to display the menu bar.
    Go to "view > toolbars", right click on the menu bar, or press Alt + V T to select the toolbars to show or hide.

    See also what happened to the file, edit and view menus?

  • Found the names not allowed on my contacts Hotmail list and cannot remove them (they do NOT appear when I look at 'Contacts')

    Found not authorized names on my Hotmail Contact list and cannot remove them (they do NOT appear when I look at 'Contacts'), but are present if I send a new email by clicking on the button 'A' and selecting 'all '. Any suggestions on how to remove the unauthorized names?

    Submit all Hotmail queries on the forum right here:

    Windows Live Solution Center
    http://windowslivehelp.com/

  • I have 4 Toolbars list. None of them offer the spelling corrector. where can I find a spell checker and how to settle?

    original title: spell checker

    I have 4 Toolbars list.  None of them offer the spelling corrector. where can I find a spell checker and how to settle?   Help please?

    If you are looking for a spell checker for Internet Explorer, try this one. It sits on the IE toolbar, so there is no need for more mess.
     
  • How to print a list of the names of the pictures in a file (I have over 700 different names and separate .jpg files)

    I scanned and stored genealogical photos and documents in my laptop.  I have over 700 documents in format .jpg.  All are in a single file.  I would like to print a list of the names of the document and photograph, but not to print documents and images in their entirety.  How can I do this?

    Meg Staton,

    The leak-you don't need to use. However, I see that you have typed the "BOLD" section but you haven't typed the entire order? dir/a/b (space) c:\users\meg\pictures\ancestrydocs\ (space) > c:\users\meg\pictures\ancestrydocs\list.txt (space)

    I used (space) instead of a real space for clarification.

    The part of the order before > basically Gets the list of the names of files that are included in the ancestrydocs folder and the part of the order after the > creates a text file list.txt names in this directory with the names of the files.

    Awaiting your response

    Chris.H
    Microsoft Answers Support Engineer
    Visit our Microsoft answers feedback Forum and let us know what you think.

  • Horizontal scroll bar in the model of interactive report region 5 Apex (universal theme)

    Hello

    We have migrated our application from 4.2 (theme: 21 scarlet) to 5.0 (changed to universal theme). Most of our reports are interactive reports and have more than 20 columns to display in the reports. 4.2 in the 'Region of report"model horizontal scroll bar came from bottom of page like below and has been easy for the user to scroll through the options to the right and see all the columns.

    Apex4.2.PNG

    In the universal theme apex 5 with 'interactive report' model in order to see the columns on the far right in the first lines user must scroll the vertical bar first, then scroll horizontal straight bar and vertical bar to go to the top


    Apex5.PNG


    How can you have the scroll as in 4.2 bar region of report model. I think that we need to make some changes in CSS and also need to copy the existing model and make changes and use this model in all reports.


    Thank you.

    RAM


    Hi Tim,.

    Thanks for the reply. I tried this option before posting forum. It did not work. Now, after changing position attribute fixed to the ' Page "(or region) in the report attributes section it works." " When we migrated the app at UT, he has been on 'None '. Problem solved now. Thank you.

  • good when I have several pictures im by clicking between the spaces and the 2Installez them but theres a lot so I was wondering if there is a way to select and make snap toghter I looked online but no help

    good when I have several pictures im by clicking between the spaces and the 2Installez them but theres a lot so I was wondering if there is a way to select and make snap toghter I looked online but no help

    Yes, you can select a group of items in the project Panel, use of the PLC to the sequence option.

    Neil

  • I can download more pictures from a SD card to Lightroom is.  I can download pictures or Aperture but Lightroom CC gives me the error "the following files were not imported because they could be readable." and then it lists all the files on the disc. I sh

    I can download more pictures from a SD card to Lightroom is.  I can download pictures or Aperture but Lightroom CC gives me the error "the following files were not imported because they could be readable." and then it lists all the files on the disc. I shoot in Raw.  I know it's a problem because I see the number of entries when I have the problem of google.  What I don't see is Adobe recognizing the problem OR suggest a solution.  It is a big problem since I have to find ways to get photos in Lightroom.  Can you please tell me what I should do to get my pictures downloaded.  I had no problem before subscribing to Adobe CC when I used 5 Lightroom.

    A changes to privileges stick? Check the folder again. Should look like this - see image. Also check similar to the folder that you copy photos to.

  • In Windows Media Center, I find the names of file for photos but no pictures. I can find them in "my pictures".

    It seems other files more bleeding in the 'My pictures' folder but the pictures are not appearing in Media Center.  If I go to the start menu and click on 'Images' I'm in the photos, but still, there are many files that do not belong.  If I go directly to the "my pictures" folder everything is fine.  What did I do to cause this?  How can I solve this problem?

    Hello

    Restore to factory conditions would certainly solve the problem - there is no reason you should have to reset the bios to be able to do.

    To consider is to force Windows to re - build the library - getails of the procedure are described in method 1 below.  You must view the files system and records that you were before being able to locate these files.

    http://answers.Microsoft.com/en-us/Windows/Forum/Windows_7-windows_programs/media-library-is-corrupted-on-Windows-7/2afcac17-984b-48fe-98FA-451aa5c085e6

    Kind regards

    DP - K

Maybe you are looking for

  • Satellite A660 - Win 8.1 power settings option not available

    Hello I upgraded my Toshiba (A660) to 8.1 64 x. (clean install) All if works well except idle protected function, which seem to have disappeared of power options.In my view, that a driver is required. (I have installed a single Toshiba driver) They d

  • Satellite A300 - turn is not on, the screen remains black

    I have a laptop Satellite A300. I tried to turn it on when I got home from work and the screen remains blank. The bottom (plug, power and battery lights) turns on but the screen remains black. Can someone help me?

  • Time and Date on Portege 3490CT...

    Hello. Is it possible to set the time and date settings in the BIOS somehow?I'm tired of setting the time and date on my windows every time that I reboot or turn on my computer. I hope someone can help! Sincerely, Daniel A. Johansen aka SiLverFerret

  • signal analysis

    Hello users of Labview,. I have a vi that records mass gains based on time. The problem I have is that I want the time on the x-axis in seconds but somehow the vi records the data quickly and time is certainly not seconds. It is not more milliseconds

  • Aspire V15 Nitro - driver problems video

    Hi, I get a lot of video driver crashes. So I went to nvidia to download the latest driver to be sure to be up-to-date. But the nvidia Setup program indicates that the driver cannot be installed because my laptop uses a customized version! Why is thi