Dynamically resize images on a webApp list page

Hello world

I used the following code to dynamically resize images for a webApp event list page:

< img src = "{tag_image list_value}? Action = thumbnail & width = 384 & height = 253 & algorithm proportional ="/ >

It works perfectly but when I click on the image, it is not a link to the event details page.

Adding dynamic code I got the following only:

list {tag_image}

This made the image and when you click on it it went to the detail page, then is it possible to revise the dynamic code so that it renders an image which, when clicked, navigates to the page of detail?

Would be very grateful for any advice.

Thanks in advance.

You encapsulate your image in an html anchor where the attribute href has the tag url for this layout in it.

Tags: Business Catalyst

Similar Questions

  • I have a webapp when the load list page I want to get the list with a default filter

    Hello

    I have created a Web application, load when the page of list of webapp, I want to list page showing items with a default filter, how do I get it?

    Thank you

    CAD

    It goes like this:

    -set up your categories or classifications in admin

    -Add a class module to your page by example/format of lists, in the following

    {module_webapp, 12345, c, 98765} where 12345 is the application web and 98765 id is the id of category (if you are using the Add-ons Manager, he will do it for you

    -create links witht in the following format:

    /listings? CategoryID = 12345

    /listings? CategoryID = 67890

    and so on.

    When you land on this page /listings with the category id in the url, the web app module filter elements of web application and view only those who belong to the category of the URL id.

    I hope that helps!

    Mario

    www.twoblokeswithapostie.com - help BC partners since... forever!

  • Dynamic resizing of a sprite (image hotspot)

    Hello

    I have a question about scale dynamically a sprite. I have an application that displays a picture on the screen, and on top of that image, I draw dynamically semi-transparent sprite who act as hot spots for the image under.

    I can't understand how to evolve hotspots in proportion to the part of the image that the scales located below. Hotspots extend UIComponent (so I can communicate with them) and they contain a sprite that is the Visual hotspot on the screen (which is good).

    The image below is a simple Image. When I resize the image (resizing the window), I would like for the hotspots to stay where they are related to the image.

    I tried to create another component, which extends the class Image that attracts all the hot spots and then tried to put it on the top of the image (understand I could put the content of true as the image scale), but had the same results (hot spots were fired, but did not react to the resizing whatsoever).

    Should I use the Bitmap class to draw hotspots instead? I have no idea at this point. I'm puzzled. Any guidance would be appreciated. May I approach the evil of all this, I don't know at this point. I hope I explained the problem well enough to get some kind of feedback.

    Thank you very much for your time.

    Hi Amy,

    I thought about it. I kept pounding on your idea of using a canvas on the scale the UIComponents as a group, but it did not work because I have been scaling the canvas based on the properties of the image (the under Layer) that were not resolved (I tried to recover after Event.ADDED_TO_STAGE).

    The solution was to wait for the Event.RENDER shot and then get the dimensions of the image loaded, to understand what is the percentage of the size that the resized image of the original image and then just scale the canvas above this one session to match. Sprinkle in a listener for Event.RESIZE and boom, it works like a champ.

    This method works better than I expected because now it doesn't matter what size of the original image is relative to its container (larger or smaller), it will scale itself and all its layers (layer of canvas) together.

    It seems that several times I'm looking for the right place for my solution (in the API), just at the wrong time (usually too early, before the properties I'm looking are defined).

    Thank you very much for putting me on the right track.

    The f

  • Resizing images on download APEX XE

    Hello

    I want to re-size of the images that are uploaded through a download process in my application. Is this possible?

    ordimage. Process is not available in Oracle XE.


    I'd appreciate any help.


    Concerning

    Dominic

    Maguzzi wrote:

    I checked the suggested links. My application is hosted in a shared environment, so my privileges are limited.

    I managed to prevent the download of images > to a size specified by checking HTMLDB_APPLICATION_FILES. DOC_SIZE.

    Is there a way I can check the Dimensions (width and height). ?

    I copy the details of the Image (FILENAME, FILE_OBJECT_ID, BLOB_CONTENT, etc.) of HTMLDB_APPLICATION_FILES to the MAG_IMAGES table in the download process. The following code works perfectly (if the record is not removed from HTMLDB_APPLICATION_FILES)

    SELECT ''

    of mag_images;

    I'm assuming that the file_object_id is the location of the BLOB the BLOB HTMLDB_APPLICATION_FILES object?

    What is actually in the file_object_id? The location of the BLOB? ,

    This just seems to be long around in circles. As another poster of the latter, you jumping from a question of XY to try another to get instant results vaguely defined rather explaining the requirements in a way that would lead to a solution complete. If you have provided:

    • A full description of your environment, including the restrictions imposed by the hosting provider.
    • Some information about the application and requirements: what it does; how he uses images; the number of images concerned; the necessary formats/quality of image etc.

    It would greatly help us to understand your problems and to identify the best overall solution.

    Start with, I've created a little demo app in your workspace on apex.oracle.com, which demonstrates how it is simple declarative use of BLOB support to download and display images. This includes:

    • Page 1: home page [now] CSS slideshow based on a classic report with a model custom. I started the evaluation and experimentation with CSS slideshows only as your current slide show implementation is a little rough on the sides of the client and the server. (It is a work-in-progress as the demo code is excessively complex and unsuitable for the implementation by their SUMMIT. "I'll try to look at the improvements/alternatives in the next few days).
    • Page 2: Interactive report on recorded images and metadata, which demonstrates:
      • Declarative online display images using the mask of BLOB format
      • Display of images to aid online procedureapex_util.get_blob_file_src
      • Declarative added column links to images to helpapex_util.get_blob_file_src
      • Change the display size and the appearance of images in report using CSS
    • Page 3: Form on the table of the image, which shows:
      • Upload image file in a custom table using declarative BLOB
      • Showing a small version of the image by using a part of the Image display
      • Adding a contextual overview of the image using a dynamic action and the Fancybox jQuery plugin

    I hope that this will get your application to use the built-in support of BLOB properly end-to-end and remove the dependency on APEX_APPLICATION_IMAGES. From this base, it should be much easier to move forward on the most advanced image, manipulation of subjects.

    For viewing the image as above is so simple and effective and eliminates the need for re-sizing of images and changing the dimensions etc...

    It may seem simple, but it is not effective and does not eliminate the need for resizing and the treatment of the uploaded images. All that (and the CSS method in my demonstration) is to specify the dimensions of the image that should be used when it is displayed in the browser. The entire image file is always downloaded, and the browser must perform operations by intensive calculation to resize to the specified dimensions. If you store images as 1280 × 960 1 MB JPEGs and have a report that shows 10 images per page as 128 × 96 presents a preview using a CSS rule, and then you will always download 10 MB of image per page view information, more of which is lost in the scaling. If you had 128 × 96 photos stored on the server, then the report could ask those and reduce the download size of 90%.

    Resize/resample the images on the server allows image-intensive applications optimize their use of bandwidth by downloading the files different image according to the size and/or the quality required for different purposes.

  • AppleScript to resize images in Photoshop CS4 will not work in CS6 - help!

    Hi people.

    I am new to this lark script and hope someone can help...

    Our Nigel, unfortunately is no longer with us, wrote a cunning to convert script photographs large size smaller using Photoshop CS4.

    The workflow is the following:

    You open Photoshop

    You have two files, one with the original files and the other which is empty.

    You drag the folder with the original files on the .app and he asks a destination folder (tell you him to use the empty folder).

    The images are then opened one by one, resized, some tape removed and are then registered to the empty folder (formerly).

    Lovely jubbly.

    The problem is when you try to use this app with Photoshop CS6 - it fails at the point of backup files in the new folder which gives this error:

    Adobe Photoshop CS6 has been an error: "unable to get document"075.jpg". (- 1728)

    I fiddled with the script a little and it seems don't not like the section "with options" command 'Save document' (it works fine if I completely remove the fuse "with options" - but I need than LZW compression).  I have trawled through a few similar questions on these forums, but have not been able to track down the problem. It probably doesn't help that I'm not a programmer (just try to translate as I oppose using the Photoshop CS6 AppleScript reference guide).

    Did everyone there knows the problem please?

    The script is below.

    on Open ()pourla)

    set theDestination of (choose folder with guest 'set the destination for the files processed...) ") as text

    tell application "Finder"

    set isContainer to fake

    set theItem to agenda 1 of pourla as string

    if last character of theItem is ":" then

    set list of files to files of all of the content of agenda 1 of pourla

    on the other

    set list of files to pourla

    end if

    Repeat with x in list of files

    set Dittos to x as texte

    set theFileName to name of x as texte

    set outFilePath to theDestination & theFileName

    if theFileName ends by ".db" then

      --

    on the other

    tell application "Adobe Photoshop CS6"

    -I was skilled enough change the foregoing of "Adobe Photoshop CS4".

    set units of the rule of parameters to units of mm

      Open alias theFile

    set theWidth to width of document theFileName

    set theHeight to height of document theFileName

    if theWidth > theHeight then

    Resize image document theFileName width 65 resolution 400 resample method bicubic

    on the other

    Resize image document theFileName height 65 resolution 400 resample method bicubic

    end if

    convert document theFileName profile ' Coated FOGRA39 (ISO 12647-2: 2004) " intent perceptive with blackpoint compensation without dithering .

    { adjust layer of art 'History' of the document theFileName with curves with options { }class:curves points of the curve: {{0, 0}, {128, 128}, {243, 255}}}

    { Save document theFileName in outFilePath like TIFF adding tiny extension with options { }byte order:Mac OS embed the color profile:fake image compression:LZW} without copy

    close document 1 saving no

    fin say

    fin if

    -display outFilePath dialog box

    fin Repeat

    fin say

    end open

    file name

    Try this.

    game of myOptions to {class:TIFF to save options, the byte order:Mac OS, embed the color profile:false, image compression:LZW}

    Save document theFileName in outFilePath as TIFF with options myOptions by adding the extension lowercase without copy

    HTH.

  • load the image on mouseover after that page is shown

    Hi guys, I have a slideshow with 30 images and he loading images until you see the page but there are quantity 6-7 seconds... is there a method to load only a thumbnail and display the page and when I click or mouse over the thumbnail dynamically load the image... I think it can be done to change the src of the image...

    I solved with this code

    ($(sym.lookupSelector ('container')) .css ("background-image', ' url(images/ALBUM_01/album1_20.jpg)');

  • How to add notes (stars) for comment in the layout of the Webapps list?

    How to add notes (stars) for comment in the layout of the Webapps list?

    Then... I've found a workaround. It's dirty and messy, and I don't know there's a better way, BUT using an Iframe in your list template that refers to your details page you CAN get the sides to work in list view.

    Here's what you do:

    1. place a comment form and the scoring module in your model detail page.

    2. place iframe in the list of your webapp template and point src = "detail_page_url".

    3. get this plugin to find the location of your scoring module in your details page: Page control - Chrome Web Store

    4. set the iframe scroll position so that when you view the list of your webapps it automatically queued upward at the position of the note on your details page module. Style the iframe using the attributes listed here: Scroll the IFRAME in a preset Position content

    So essentially of workaround reflects everything that happens in your detail page. Do not know if I explained that very well so if you need a clarification let me know.

  • Header not appearing image does not in all pages

    I've been so busy fixing up of my site:

    www.kiraamerica.com

    This experience taught me is not to give up, and there is light at the end of the tunnel.

    I've updated my head, but now when I click on a product - logo shows, but when I click on a card in the product list, my logo disappears?

    any suggestion will help me a lot!

    Thank you

    Cindy

    I checked Horizontal.php and KN40HB700.php

    In Horizontal.php, the page that works, you have the following link for your logo image...

    images/annivlogo.png

    Which means "Search annivlogo.png in a folder called images on the same level of directory as this document" because in your site, Horizontal.php is at the same directory level in the pictures folder.

    On the page that does not work, you have the same link, but the page itself is buried two levels deep directory, products and KN40HB700, so you must specify the browser first return "" two levels to find the folder images, the link should look like this...

    .. /.. /images/annivlogo.PNG on this page.

    If the logo is added by a php include, you need to change the path in the link Site root include file by adding a / in front of him to tell the browser "add http://www.kiraamerica.com in front of this path.

    /images/annivlogo.PNG would do the trick because the / would be to add your base domain name before the link and direct the browser to the correct location, regardless of where the link is referenced.

  • Background image different (div) on every page of the site complicated by model

    Hope I can explain this: here are the details

    -With the help of Dreamweaver cs5.5

    -Make a model pages.

    -Each page will have a different background image; but the image is contained in a div tag (name of the div is .mainbackground) happening behind the main core of the site, the image is not in the < body >
    -The .mainbackground div is EDITABLE
    -J' already have a css specific class to assign to this div on each page, so that the image is different on each page.
    -On the template page, the .mainbackground div has no class assigned image (so no background image)

    -Because this div is editable I can then go into each page and set it to the desired - image class works very well.  Except that... and this is my main question:

    -In the code, all other regions are listed IN THIS above mentioned div of .mainbackground SO that means that:

    -If I need to update the structure of the pages I have to remove the editable area that controls the background image that would be - remove editable .mainbackround area.  Then go back to my template, make changes and save everything - so any changes will carry through to my other pages.  It's good and bad, because I'd get all the structural changes, but I also let go of all the text specific to these pages.

    - Then when I'm finished I have to go back and first add a combo box to the .mainbackground class and then reapply the background to the .mainbackground classes to fix the images on the pages again...

    The site is very small so I can deal with it, but I'm going about this all wrong?


    Is there a template feature that I don't get?  I would like to continue using the template feature, and I don't want a different photo on each page...

    I've attached a picture showing a page that you can see the background image - which will be different on each page.screen shot for adobe forum.JPG

    So the next solution does not change the CSS if necessary? :

  • Help with solution of Liz Castro iBooks bug when resizing images in epub for iPad

    Hello world.

    I create an epub for iPad with small images that will expand when they are tapped. I read Liz Castro book and blog article and learned the bug with iBooks and the solution, which, like an HTML novice, I found it difficult to understand.  It took me some time to make it work, but I just wanted to share my (imperfect) progress for other laity or secular and ask for help!

    I just add this in my template.css

    {div. Group}
    Width: 50%! important;
    }
    img {width: 100%;}

    and in each of my html chapters where there is an image, I removed the img src reference that has been automatically generated by Indesign and added this...

    < div class = "group" >
    < img src = "exampleimage.jpeg" alt = "This is an example" / > "
    < / div >

    I rezipped my files, transferred to my iPad, and the images appear small and expand when double-tapped. Fantastic! Thanks to Liz Castro. It is a bigger step.

    But it is not perfect. I would like my image to be aligned to the centre and to ensure that there is some space between the text and the image. My images are now aligned to the left, and there is no space between them and the text preceding and following them, so that it looks like a mess on the page. Before I changed the code it worked well, after I changed it it does not work. When I initially exported the InDesign file, on the Image taitouche set the spacing to the Center and 2ems has added to the image and check the box to Insert a Page break before and after a page break.

    To remedy this, I added the following to the div.group in css

    text-align: center;

    top of the margin: 2em;

    margin-bottom: 2em;

    When I converted it to an epub I've seen there is no center of the image, but there was a margin at the top and bottom. While the file opens in the problem of Sigil that it won't transfer to iBooks on the iPad, which I think means that there is a coding error.


    Is anyone know how can I Center of the image and add some space between him and the text?

    Any help would be highly appreciated.

    Some things to consider:

    1 centering and space above and below your div can be done in CSS with:

    {div. Group}
    Width: 50%! important;

    top of the margin: 1.0em.

    margin-bottom: 1.0em;

    text-align: center ;}

    There might be other ways improve to achieve this. I am not an expert in CSS or HTML; I know that what has worked for me in previous projects.

    2. in iBooks, there is a bug (or "feature") which causes the iBooks to ignore text-align for some items (such as

    ) if iBooks preferences are set to full Justification = WE. Instead of being centered, these items will be left-aligned (or perhaps justified? I have not tested). This is the default setting, so most users likely to leave like that. (the elements are not affected by this bug.)

    This is detailed in one of the blog posts from Liz Castro and also on the blog of Walt Shiel:

    http://www.pigsgourdsandwikis.com/2010/06/beating-iBooks-bugs.html

    http://waltshiel.com/2010/06/23/one-solution-to-iBooks-1-1-centering-problem/

    One of them is to wrap the text inside such an element in the empty tags .

    3. I don't know what is your target audience, but keep in mind that iBooks is far behind Amazon and BN.com in terms of volume sales. Kindle and the Nook do not support resizing images (again, in any case), so unless your book depends on this photo processing to deliver his message, you could put a lot of time and effort in a feature that few readers (yet, cases) can take advantage of.

    4. If you use Twitter, you can follow the hashtag #eprdctn - it is used by a small community of designers in the ebook to exchange information on the evolving ebook design world.

    5. other good sources of information:

    http://ebookarchitects.com/

    http://www.kindleformatting.com/ (I know it is not related to iBooks, but it is full of good info)

  • Dialog box controls 'Settings' 'automatic resizing Image.

    I have a signature that contains an avatar image (size 120px by 120px)
    Whenever I have 'send', one 'Auto Resize Image' > 'Settings' dialog box appears
    How can I bypass this until it becomes annoying.
    Most emails (98%) are not all other images embedded or attached.
    It started to happen after the upgrade to the latest version of Thunderbird, has never been a problem before.

    Doesn't sound like a standard Thunderbird pop up as I fell on it.

    Do you by chance an addon /extension as Auto Resize Image?

    If so, disable it and retest to see if the message stops.
    Make sure you use a current version.
    check to see if there are some parameters you can use to "do not ask again" or similar. Cannot say exactly as I do not use it.

    I use the standard settings of TB to settle for sizing when I insert an image initially.

  • previous image is visible after the page turn on the screen PRS-950

    I can clearly see the shadow of the previous image if I turn the page on my drive, and next page has no duplication of text or photo.
    Say, previous text clearly visible if you view an empty page or an image.

    What is a factory default or current behavior at PRS-950 daily edition (and other newer models)?

    It is normal if the page was present for an extended period. to resolve this problem if the page is hard to read, tilt back a few times and it will be clear.

    Here is more information on your ghost image problem.

    https://us.en.KB.Sony.com/app/answers/detail/A_ID/41678/c/65, kw/66/41678

    Best regards
    Kimberly

  • How can I get the songs on my wish list?  There is no indication as to how to buy on the wish list page.

    How can I get the songs on my wish list?  There is no indication as to how to buy on the wish list page.  I searched for over an hour for the method to buy songs from the wish list.  Very frustrated!

    Is this a question about Apple TV.

  • I can no more loading list page so that I can make changes to web filtering

    I can no more loading list page so that I can make changes to web filtering

    Hello

    • Are you referring to Windows Live family safety?

    If so, you can post your request in this forum for better support.

    http://www.windowslivehelp.com/product.aspx?ProductID=4

  • This failure has occurred: {0}. your changes have not been saved. Click OK to return to the list page.

    Nothing has changed on the device as so far, I am aware, but lately when I click on group under Default Device Admin map, I get this error and I can't make changes:

    This failure has occurred: {0}. your changes have not been saved. Click OK to return to the list page.

    Version of the ACS:

    Cisco ACS VERSION INFORMATION

    -----------------------------

    Version: 5.8.0.32

    The identifier for the internal version: B.442

    This error does not appear to be related to

    CSCud78248    Failure of system ACS 5.4 administrative access control

    as I have no identity configured for the RADIUS server. I use this unit for RADIUS authentication. Any help is very appreciated!

    What browser and version are you using?

    If it of firefox and automatically has ugraded to the latest version of FF 46; There is a patch being released today and which will focus on similar issues seen when using the FF 46 version

    Will be 5.8 patch3. a rollup that includes all the fixes in previous patches (1 and 2) posted release ACS 5.8

Maybe you are looking for