List of images of mobile db APEX

I had a play with a system menu icon on apex mobile using a list template as described by Peter Raganitsch.

Improve the theme mobile APEX & amp; #8211; Part 3 | agree with Oracle and APEX

If, instead of using images of / i /, I wanted the database source images using apex_util.get_blob_file_src

However the rendered output starts

<img src="/i/apex_util.get_blob_file?

If I run the following on the loading of the page

$('img').each(function()  {
  $(this).attr('src', $(this).attr('src').substr(3));
});

I get the result I want but the console is still full of errors and I feel very dirty.

What is a suggested method to display pictures of a report icon in the mobile interface?

IE - similar to an iconic interactive report.

Scott

Scott

The list template includes #IMAGE_PREFIX #:


Should just be a case of creating the model without her.

Tags: Database

Similar Questions

  • Using #WORKSPACE_IMAGES # with the names of dynamic list of Image, not to hardcode

    I hope someone can help me with this request.

    I am developing an Apex application but I am learning as I go along by examples of Google search and read the tutorials, etc.  I am trying to create a slideshow based on a dynamic list of Image names. First, I created an apex_collection in a header containing the names of the image process, I need (view/column APEX_COLLECTIONS. C001) I then created a Page called P81_IMAGE_NAME element. I'm trying to loop through the collection and display the pictures in a slide show.   I have a HTML Page with the following code in the Source of the region (found the code in an example online)... Please can someone tell me where I can add the following PL/SQL code so that #WORKSPACE_IMAGES # nom_image may contain the names of images dynamically recoveries rather then hard-coded image names as in the < div Section of the Source region - Code I want to add somewhere, don't know where it add or even if it will work

    Declare cursor c1 is

    Select c001

    of apex_collections

    where collection_name = "CO_IMAGES";

    Start

    A1 to c1 loop

    : P81_IMAGE_NAME: = c1. C001;

    < img src = "#WORKSPACE_IMAGES & P81_IMAGE_NAME" alt = "Slideshow Image" / >

    end loop;

    end;

    -End

    -The code which displays images, I found (Harcoded in the < div section)

    < script type = "text/javascript" >

    function slideSwitch() {}

    var $active = $("#slideshow IMG.active");

    If ($active.length == 0) $active = $("#slideshow IMG:last");

    This allows to take images in their order of appearance in the tag

    var $next = $active.next () .length? $active.next)

    : $('#slideshow IMG:first');

    Uncomment the 3 lines below to shoot images in random order

    var $sibs = $active.siblings ();

    var rndNum = Math.floor (Math.random () * $sibs.length);

    var $next = $($sibs [rndNum]);

    $active.addClass('last-active');

    $next.css ({opacity: 0.0})

    .addClass ('active')

    . Animate ({opacity: 1.0}, 3000, function() {})

    $active.removeClass ('active last active');

    });

    }

    {$(function()}

    setInterval ('slideSwitch()', 3000);

    });

    < /script >

    < style type = "text/css" >

    / * the value width and height to match your images * /.

    {#slideshow}

    position: relative;

    height: 400px;

    }

    #slideshow IMG {}

    position: absolute;

    top: 0;

    Left: 0;

    z index: 8;

    opacity: 0.0;

    }

    {IMG.active #slideshow

    z-index: 10;

    opacity: 1.0;

    }

    {IMG.last - active #slideshow

    z index: 9;

    }

    < / style >

    < div id = "slideshow" >

    < img src = "" #WORKSPACE_IMAGES #Logo.png "alt =" slideshow Image 2 "/ >" "

    < img src = "" #WORKSPACE_IMAGES #Logo1.png "alt =" slideshow Image 1 "/ >" "

    < img src = "' #WORKSPACE_IMAGES #2_Burg - 1.png" alt = "Slideshow Image 2" / > "

    < img src = "" #WORKSPACE_IMAGES #Car11.jpg "alt =" slideshow Image 3 "/ >" "

    < img src = "" #WORKSPACE_IMAGES #Screen1.png "alt =" slideshow Image 4 "/ >" "

    < / div >

    < / div >

    user8016921 wrote:

    Please update your profile of the forum with a recognizable user name: Video tutorial how to change username available

    Always include the information described in these guidelines when you post a question: How to get the answers from the forum

    I am developing an Apex application but I am learning as I go along by examples of Google search and read the tutorials, etc.  I am trying to create a slideshow based on a dynamic list of Image names. First, I created an apex_collection in a header containing the names of the image process, I need (view/column APEX_COLLECTIONS. C001) I then created a Page called P81_IMAGE_NAME element. I'm trying to loop through the collection and display the pictures in a slide show.  I have a HTML Page with the following code in the Source of the region (found the code in an example online)... Please can someone tell me where I can add the following PL/SQL code so that #WORKSPACE_IMAGES # nom_image may contain the names of images dynamically recoveries rather then hard-coded image names as in the

    Depends on the number of images. How are they involved?

    With a small number (e.g. 10-20), you can simply use a page element to register the handset img reference items and she as a substitution string in the region existing HTML. For more information, it would be preferable to use a report.

    On the approach of page element:

    1. create the point P81_IMAGES of the page as an element of the display only. The value of the Condition Never element so it is not included in the rendered page and the security attribute point escape special characters No.

    2. create a page process before header (sequenced to run once the collection created if that is done at this point in the process):

    begin
    
      :p81_images := null;
    
      for img in (
        select c001 src
        from apex_collections
        where collection_name = 'CO_IMAGES')
      loop
        :p81_images := :p81_images || 'Slideshow Image '
      end loop;
    
    end;
    

    3 refer to the value of the element in the HTML source of the region

    
    
    
    
    
    &P81_IMAGES.
  • No Image - Pull Down Menu list with Image

    Hello.

    I use Pull Down Menu list with Image (measure 1). but when I run the app I can't see any image. Here is the link to my app

    [http://apex.oracle.com/pls/otn/f?p=49167:1 | http://apex.oracle.com/pls/otn/f?p=49167:1]

    Sagar

    Hello Sam,.

    If you change the model from the list "Drop-down Menu with image" images appear.

    Greetings,
    Roel

    http://roelhartman.blogspot.com/

  • Selecting the item in a list of images

    Hi @ll,

    I tried to get the selected item in a list of images (bbui - 0.9.2.js). If I try to get the selected item as described here

    https://github.com/BlackBerry/bbUI.js/wiki/image-list

    .. .the result is still "not defined".

    Here is my snip of code:

    var mc;
    var bb10HighlightColor = '#00A8DF';
    
    bb.init({bb10HighlightColor: bb10HighlightColor,
          bb10ActionBarDark: true,
          bb10ControlsDark: true,
          bb10ListsDark: false,
          bb10ForPlayBook: true,
    
          onscreenready: function(element, id) {
             if (id == 'dataOnLoad') {
           dataOnLoad_initialLoad(element);
        } else if (id == 'imagelist') {
                var resultList = element.getElementById('resultlist');
                for (var i = 0; i < mc.count; i++) {
                   var item = document.createElement('div');
                   item.setAttribute('data-bb-type', 'item');
                   item.setAttribute('id', mc.contactarray[i].ID);
                   item.setAttribute('data-bb-title', mc.contactarray[i].Company);
                   item.setAttribute('data-bb-img','img/company.png');
                   item.innerHTML = mc.contactarray[i].Zip + " " + mc.contactarray[i].City;
                   item.onclick = function() { onItemSelected('test'); };
                   resultList.appendChild(item);
                }
             }
          },
    
          ondomready: function(element, id) {
          }
    });  
    
    function doSearch() {
       parseJASONAndOpenList('{"count":3,"contactarray":[{"Company":"Acme Inc.","Lastname":"Jackson","Firstname":"Bill","City":"Maincity","ID":"45D6"},{"Company":"Backman Inc.","Lastname":"Burger","Firstname":"Marc","City":"Downtown","ID":"45D7"},{"Company":"Jingle Inc.","Lastname":"Sampson","Firstname":"John","City":"Outercity","ID":"45D8"}]}');
    };
    
    function parseJASONAndOpenList(jsonString) {
       mc = JSON.parse(jsonString);
       bb.pushScreen('imagelist.htm', 'imagelist');
    };      
    
    function onItemSelected(text) {
       alert(text);
       var selectedItem = document.getElementById('resultlist').selected;
       alert(selectedItem.getAttribute('id')); //selectedItem is always undefined here
    }
    

    The image list:

    
    
    
    
    
       
    Test item

    The image list holds something hard (id = "TEST1"), then I add three objects dynamically. After selecting one of the items, I would like to show more details in a new screen.

    I tried to solve in different ways, but the result of

    var selectedItem = document.getElementById('resultlist').selected;
    

    is always "not defined".

    I'm looking for any help!

    Hello!

    This javascript interface comes in 0.9.3 still not available in the version you are using.

  • Slide show image for mobile devices

    Hello world

    I'm doing my mobile site a little more user-friendly. On my current home page, I have a flash slideshow of images jpg image.

    Current page - photography of birds - Glenn Bartley Nature photography workshops

    I hope someone can help me with this move to a certain type of image slideshow that would work on mobile. Basically, I want to just images to scroll through all the seconds at random. Maybe 20 photos.

    Previously, I had a small banner ad of my main website that works on mobile. But when I tried to copy that code above doesn't seem to work. Perhaps because he was in a table?

    See banner advertising - Glenn Bartley Nature photography workshops - photography of birds, Nature, photography,.

    If someone has a simple code I can insert my workshops page to rotate the images through mobile devices I would really appreciate the help.

    Thank you very much!

    Glenn

    Mobile users might appreciate not all that consumption of bandwidth.  I often give my cell phone static image a users to look for not eating their limited data plans.

    On the other hand, most Tablet users have Wifi, so the bandwidth consumption is not as big a consideration for them.  However, 20 images is excessive.  5 or 6 means a better.

    If your site is built with delicate framework Bootstrap, you can use the built in component carousel Bootstrap described below.

    ALT-Web Design & Publishing: customization carousel of the Bootstrap


    Bootstrap in Adobe Dreamweaver CC 2015

    https://helpx.Adobe.com/Dreamweaver/using/bootstrap.html

    There are other sliders reactive carousel available online.

    Cycle2

    WOW Slider

    If you have a large number of images, you can use a thumbnail viewer Gallery and lightbox instead.

    Fancybox2

    Nancy O.

  • Grid scrolling Image on Mobile

    I'm new to Flex and have been involved in some tutorials that I managed to find in the wek spent more or less. I was thinking to create a mobile application as a test project to enhance my knowledge.

    I have a few questions: -.

    1. I want to create a grid of scrolling images for mobile. Maybe 1 column or multi. The source of the images could be an API call or keep it simple an arraycollection of objects collection containing the image title and image url. Can someone please show an example.

    < s:ArrayCollection id = "imageList" >

    < fx:Object imageTitle = "Test 1" imageURL="resources/1.jpg"/ >

    < fx:Object imageTitle = "Test 2" imageURL="resources/2.jpg"/ >

    < fx:Object imageTitle = "Test 3" imageURL="resources/3.jpg"/ >

    < fx:Object imageTitle = "Test 4" imageURL="resources/4.jpg"/ >

    < fx:Object imageTitle = 'Test 5' imageURL="resources/5.jpg"/ >

    < fx:Object imageTitle = "Test 6" imageURL="resources/6.jpg"/ >

    < fx:Object imageTitle = "Test 7" imageURL="resources/7.jpg"/ >

    < fx:Object imageTitle = "Test 8" imageURL="resources/8.jpg"/ >

    < fx:Object imageTitle = "Test 9" imageURL="resources/9.jpg"/ >

    < / s:ArrayCollection >

    2. what resources (sites Web/books) would you recommend so I can devote myself seriously mobile Flex programming ensuring my Foundation is good.

    IconItemRenderer should be able to accomplish this use case, for example:

    labelField =""

    iconField = "myIconField" iconWidth = "140" iconHeight = "140" / >

    Note that you might want to extend IconItemRenderer and override drawBackground() to change how separators/borders are drawn.  It will be a little easier in 4.6 with the introduction of the method of drawBorders() by SDK-27737.

  • List Horizontal image centering in a region

    I have 3 standard regions.  Each region, I have an image of the single horizontal list.   By default, only the image is left aligned within the region.    How can I align the center of the image within the frame of the region

    George

    gkthomas wrote:

    Here is the link to test case

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

    Workspace: penwick

    Username: [email protected]

    password: natural

    Thanks for creating that.

    What I did is:

    1 added an invisible area to act as a container for the parts of the list, with the model of the region Region of DIV with ID and static ID as the image-list-container. This allows us to apply the specific style for three regions in need, without impact on other regions on the page CSS.

    2 define the Parent area on three areas list so that they become of the subregions of the new container.

    3 added a style sheet to the page of Inline CSS property that center list items in each region:

    #image-list-container .uRegion .uRegionContent {
      text-align: center;
    }
    #image-list-container .uRegion .uRegionContent>.uHorizontalImagesList {
      display: inline-block;
    }
    #image-list-container .uRegion .uRegionContent>.uHorizontalImagesList>ul>li>a {
      margin: 0;
    }
    
  • BB10 - problems w / dynamic populating list of images with the data of WebSQL

    Hi all

    So I'm having a few problems with the definition of the element's onclick attribute when dynamic filling an image list.

    function listAllRooms() {}

    ...

    DB.transaction (function (tx) {}
    tx.executeSql ("SELECT * FROM ROOMS, [], {}, function (tx, results)")

    for (i = 0; i< len;="">
    elName var = results.rows.item (i) .name,
    elID = results.rows.item (i) user.user;

    Item = document.createElement('div');
    item.setAttribute('data-bb-type','item');
    item.setAttribute ("data-bb-title', elName");
    item.innerHTML = 'Description here.';
    item.setAttribute ('data-bb-img', ' foo.png');

    Item.onclick = function() {bb.pushScreen ('showRoom.html', 'Show-Room', {id: elID}) ;};}

    Items.push (Item);
    }

    document.getElementById('rooms-list').refresh (items);
    (}, null);

    });
    }

    My problem is the bold red line. What happens is that each item links to the last point (last row of the table). I know it has something to do with the callbacks and synchronization but cannot for the life of understand me.

    My apologies for the ugly code and thanks in advance for the help.

    Karel

    In fact, I managed to make it work this way:

    item = document.createElement('div');
    item.setAttribute('data-bb-type','item');
    item.setAttribute('data-bb-title', elName);
    item.setAttribute('data-id', elID);
    item.innerHTML = "Description here.";
    item.setAttribute('data-bb-img','img/icons/item-dark.png');
    item.setAttribute('onclick', "bb.pushScreen('show.html', 'show', {type: 'item', id: " + elID + "})");
    

    Thanks for all your help!

  • Press and hold functionality in the mobile oracle apex

    Hi all

    I've created a list of report of jquery page in apex 4.2

    I want the user to click on an entry in the list, then I want to show 4 buttons (or a new list containing four entrances instead of buttons).

    When the user clicks on a specific button, they should be redirected to another page providing a domain e.g. id empno point of another page.

    How to display buttons on the press and maintain an element of the list?

    kindly help me with this.

    Kind regards.

    Maahjoor wrote:

    Hi jeff,

    Thanks for the solution.

    can I get the source code for the above solution?

    or the steps how do you do that?

    Kind regards.

    The demo was created with 2 Dynamic Actions.

    Hide button region fires the event, the loading of the Page.

    The second dynamic action triggers the event press and hold and the DOM of the Listview, P1 object to Show the button area.

    The f

  • The display of images in reports of apex

    Hello

    I want to show the image in the report of the apex, I did some research but couldn't find how do when I run reports photo is empty, to below it is my region to report. How can I see the photo in the reports? Thank you

    apex_reports_image.jpg

    I always had problems using this method.

    test app:

    https://Apex.Oracle.com/pls/Apex/f?p=70399:8

    name/password: demo/demo

    If you want to access the app, let me know.

    Change your SQL to something like:

    select IMAGE_TABLE.IMG_ID as IMG_ID,
        IMAGE_TABLE.IMAGE_NAME as IMAGE_NAME,
        DBMS_LOb.getLength(image_thumbnail) as IMAGE
    from IMAGE_TABLE IMAGE_TABLE
    

    For the IMAGE column, the format similar to this: (underscores do not show in my browser for some reason any)

  • Moving images, lightroom mobile for external hard drive - how?

    Hey all,.

    I'm mobile synchronization of images from Lightroom and the images are so not in my normal hard drive folder structure.  Periodically, I offer my images on my main hard drive to two external drives.  How can I manage this process of getting the images synchronized to an external hard drive?

    Thank you

    Andrew

    Hi André,.

    You can specify the location of Lightroom Mobile images to be stored in the Lightroom preferences > Lightroom mobile tab > check "Specify a location for the mobile Lightroom images" > click on select, then select the location

    Kind regards

    Claes

  • New list does not, wink-list of images only

    Hello team,

    So I will try to get the random passwords that are going in the VM window, I am commissioning, VIO 2.0 with Windows 2008, so we use in the controller, I use the CLI to the list of virtual machines but came across this:

    using a file rc creds, I have

    unset OS_SERVICE_TOKEN

    unset OS_SERVICE_ENDPOINT

    export OS_AUTH_URL = http://INTERNAL_VIP : 35357/v2.0

    Export OS_REGION_NAME = nova

    Export OS_TENANT_NAME = admin

    Export OS_USERNAME = admin

    Export NOVA_ENDPOINT_TYPE = internalURL

    Export OS_ENDPOINT_TYPE = internalURL

    Export CINDER_ENDPOINT_TYPE = internalURL

    Export OS_PASSWORD = $admin_password

    image eye-list call works fine

    List of users OpenStack works very well

    List of users Keystone works very well

    list of Nova FAILED

    User not allowed invalid ERROR / password

    I noticed in him debugs queries image brief HTTP loading list swing IP and Nova list queries HTTPS public IP to VIP, this is how it is supposed to work?

    In case anyone interested, to the list of nova for now one needs to use password - operating system, code does not have the password to the CLI prompt or the rc file.

    Cheers!

  • How to make images usable mobile version desktop version

    I created my desktop version of my website, now I want to create a mobile version. I have some images to vector when place in my mobile version are too big so I sized them down in muse and they are blurry. Why is this? I also tried to change the size of the image in photoshop and then place in the mobile Muse and it did not work

    Why don't you use Google maps for this widget?

    You can place a "new Star" widget, delete all except one's triggers, resize the trigger and call it "Directions." Then configure the widget to open the target at the click on. Finally place the Google maps widget in the target of the new widget recommended.

  • How to compare 2 lists of box-multi-select/shuttle APEX (e.g.1:2:3 and 3:1:2) for equality?

    I want to validate 2 selections of list of shuttle for equality. for example

    1:2:5:7:18:3

    and

    1:5:7:2:3:18

    should be treated as equals and therefore valid (i.e. same selections but in different order)

    While

    1:2:5:7:18:3

    and

    1:2:18:9 are not equal and would fail validation.

    If I use the function string_to_table() on the two lists, then I need sort the associative arrays and then compare them for equality.  Any suggestions on the best way to do it?

    Thanks in advance

    PaulP

    Thanks for all help you, but I decided to stay with string_to_table APEX tables and keep things simple.  I decided to return Varchar2 ('TRUE', 'FALSE') instead of boolean (TRUE, FALSE) so I could use the function in a SQL WHERE clause.

    Here's my working solution

    create or replace FUNCTION CheckMultiSelectStringsEqual(
          p_string1    IN VARCHAR2 ,
          p_string2    IN VARCHAR2 ,
          p_separator IN VARCHAR2)
        RETURN varchar2
    ------------------------------------------------------------------------------------------------------------------
    -- This function accepts 2 multi-select/shuttle box strings in the format '1:2:3:5:12:4'
    -- and a string separator i.e.':' and irrespective of the order of individual selections within
    -- the string, returns 'TRUE' if the strings are equal else returns 'FALSE'.
    -----------------------------------------------------------------------------------------------------------------
      IS
        l_table1 apex_application_global.vc_arr2;
        l_table2 apex_application_global.vc_arr2;
        v_return varchar2(8);
      BEGIN
        if p_string1 is null or p_string2 is null or p_separator is null then
          raise_application_error(-20001,'USAGE: CheckMultiSelectStrings() function requires 2 not null strings and a separator character' );
        end if;
        l_table1 := apex_util.string_to_table(p_string1, p_separator);
        l_table2 := apex_util.string_to_table(p_string2, p_separator);
        if l_table1.count() <> l_table2.count() then
            return 'FALSE';
        end if;
        <>
        FOR i IN 1..l_table1.count() LOOP
            FOR j IN 1..l_table2.count() LOOP
               if l_table1(i)=l_table2(j) then
                 v_return:='TRUE';
                 continue OUTER_LOOP;
               else
                 v_return:= 'FALSE';
                 continue;
               end if;
            END LOOP; -- FOR j IN 1..l_table2...
            EXIT OUTER_LOOP WHEN v_return = 'FALSE';
        END LOOP; --FOR i IN 1..l_table1.
        RETURN v_return;
      END;
    

    -= == HERE IS THE TEST FOR THE FUNCTION CODE =.

    set serveroutput on
    declare
    v_return varchar2(8);
    begin
    v_return:= CheckMultiSelectStringsEqual('1:2:3:4','2:1:3:4',':');
          if v_return='TRUE' then
              dbms_output.put_line('Strings are equal');
          else
              dbms_output.put_line('Strings are NOT equal');
          end if;
    end;
    

    Hope this helps someone...

    PaulP

  • Width of the changing image ADF Mobile

    I use the latest mobile extension of the adf and I use an image in the header which I can't stretched to occupy all the width of the retina ipad device that I use.

    I tried wrapping even within a panelGroupLayout but no luck with width = 100% inline property or style classes to AFStretchWidth.

    Please notify

    Vik

    I've added inline = "width: 100%", that worked for me.

  • Maybe you are looking for

    • App opens each time I have unlock my phone

      I have an iPhone running iOS 10 6 and I have dealt with this problem since I have updated my phone last week. Whenever I have unlock my phone, it automatically opens the Drive app on my home screen. I replaced Google Reader with the Linkedin app for

    • compile the waveforms digital en port0/line1

      Hola Estoy intentando building una salida digital (waveform) don't con una 6624, if utilizo el puerto0/$line0 the output is genres correctamente, if utilizo el puerto0/line1 no none veo Señal. ¿alguien sabe has that're due? Gracias por adelantado.

    • WRT160n v3 fall wireless

      Hi all So, I've owned a number of Linksys routers in the past, but this is the first time I met an embarrassing question.  No apparent problems with the computer not connected to the router, but two computers connected wireless experience apparently

    • Brush the new tools for Lightroom

      Yes, I am one of those annoying newbie. I'm trying to clear up the eyes. I use the Brush tool. I see it in red that it is where I want it to be on the iris. Then when I try to make adjustments, it excludes the brushed part and that the rest of the ph

    • P6 EPPM and integration BI Publisher

      HelloI tried to install P6 EPPM 8.3 and BI Publisher. Primavera EPPM and BI Publisher has been installed successfully.2 application are configured using SQL SERVER 2005 Database.When I try to open a report in BI Publisher after the installation and c