Discussions
Categories
- 197K All Categories
- 2.5K Data
- 546 Big Data Appliance
- 1.9K Data Science
- 450.8K Databases
- 221.9K General Database Discussions
- 3.8K Java and JavaScript in the Database
- 31 Multilingual Engine
- 552 MySQL Community Space
- 479 NoSQL Database
- 7.9K Oracle Database Express Edition (XE)
- 3.1K ORDS, SODA & JSON in the Database
- 556 SQLcl
- 4K SQL Developer Data Modeler
- 187.2K SQL & PL/SQL
- 21.4K SQL Developer
- 296.4K Development
- 17 Developer Projects
- 139 Programming Languages
- 293.1K Development Tools
- 111 DevOps
- 3.1K QA/Testing
- 646.1K Java
- 28 Java Learning Subscription
- 37K Database Connectivity
- 161 Java Community Process
- 105 Java 25
- 22.1K Java APIs
- 138.2K Java Development Tools
- 165.3K Java EE (Java Enterprise Edition)
- 19 Java Essentials
- 162 Java 8 Questions
- 86K Java Programming
- 81 Java Puzzle Ball
- 65.1K New To Java
- 1.7K Training / Learning / Certification
- 13.8K Java HotSpot Virtual Machine
- 94.3K Java SE
- 13.8K Java Security
- 205 Java User Groups
- 24 JavaScript - Nashorn
- Programs
- 475 LiveLabs
- 39 Workshops
- 10.2K Software
- 6.7K Berkeley DB Family
- 3.5K JHeadstart
- 5.7K Other Languages
- 2.3K Chinese
- 175 Deutsche Oracle Community
- 1.1K Español
- 1.9K Japanese
- 233 Portuguese
Source tag in image component not working in iOS devices

Hello,
I want to set image url in source tag of image component. Currently i am using JDeveloper 12c(12.1.3.0).
Its working fine in Android Devices but not working in iOS Devices.
Below is my amx page code:
<amx:listView var="row" value="#{bindings.youtubeFeeds.collectionModel}"
fetchSize="#{bindings.youtubeFeeds.rangeSize}"
selectedRowKeys="#{bindings.youtubeFeeds.collectionModel.selectedRow}"
selectionListener="#{bindings.youtubeFeeds.collectionModel.makeCurrent}"
showMoreStrategy="autoScroll" bufferStrategy="viewport" id="lv2"
inlineStyle="background-color:rgba(0,0,0,0.3); margin-bottom:10%;">
<amx:listItem id="li2">
<amx:panelGroupLayout id="pgl5"
inlineStyle="margin:0; padding:4%; padding-top:2%; padding-bottom:2%;">
<amx:tableLayout id="tl3" width="100%" inlineStyle="width:100%;">
<amx:rowLayout id="rl3">
<amx:cellFormat halign="center" id="cf3" valign="middle"
inlineStyle="width:45%;">
<amx:image source="#{row.thumbURL}" id="i5" inlineStyle="width:100%;"/>
</amx:cellFormat>
</amx:rowLayout>
</amx:tableLayout>
</amx:panelGroupLayout>
</amx:listItem>
</amx:listView>
I have also tried with setting static url from java code
youtubeFeeds.setThumbURL("http://iconbug.com/data/9f/507/7539a8d9ee940f052a34a4eaae4775a1.png");
and through binding, i have shown that in listView component. But same issue not working in iOS Devices.
Yes, its working fine. This image is there in a image folder in a project itself.
<amx:image id="i121" source="/images/bg.jpg" inlineStyle="width:100%; height:100%;"/>
Same thing i want to do this image url.
Any help will be appreciated.
Regards,
Siddharth
Best Answer
-
a. Can you see that image in preview mode if you hardcode that url in amx?
b. Can you try adding *.iconbug.* in whitelist and try. (You can do it maf-application.xml -> Security -> Remote URL Whitelist)
Regards,
Deepak
Answers
-
a. Can you see that image in preview mode if you hardcode that url in amx?
b. Can you try adding *.iconbug.* in whitelist and try. (You can do it maf-application.xml -> Security -> Remote URL Whitelist)
Regards,
Deepak
-
Actually I believe there is a bug here, I think the image should not display on iOS *and* Android unless you specify the URL in the maf-application.xml whitelist. So the image not displaying on iOS is the expected behaviour, and Android is incorrect in this case as it should also not show the image until you add that whitelist entry.
For your immediate problem, include "iconbug.com" in the whitelist.
Can you tell me, regardless of the whitelist entry for iOS, on Android does the image appear on the Android Emulator for you? I don't have an Android device handy, and regardless of the whitelist entry the image doesn't display at all on the Android Emulator.
Mind you, it's a bit unusual displaying remote images in your AMX page, this would imply your application must always be online. Is this your intention?
CM.
-
Hi CM,
I have tried this in Android Emulator and Android Device and I can see the image getting displayed without even adding it to whitelist.
Hi Siddharth,
Also, using remote urls for displaying image will have a performance impact but could be useful if you want to keep changing it.
Regards,
Deepak
-
Hi,
can you add an output text component next to the image to see that the image URL is coming okay?
<amx:image source="#{row.thumbURL}" id="i5" inlineStyle="width:100%;"/>
<amx:outputText value="#{row.thumbURL}" ot="i5"/>
Have you tried one of the image URLs on the iOS browser to ensure your iOS device has access? I think that we first need to ensure that the files are accessible.
Frank