Promoted links with Image Carousel (Rotating Banner)

Hi,
 I am using promoted links webpart. I want to have cycle of images. For eg: I have 10 images . With the slider , I can go to next image horizontally.  Once I reach the 10th image,there won't be any next option. I want to display the 1st image after
the 10th. Means, the sliding should be never ending. How can I achieve this. I think I can use javascript to override the default promoted links functionality. Please suggest on how to do this. Thank you

Hi,
According to your post, my understanding is that you want to achieve rotating banner for promoted links web part.
With JavaScript, it will be easier to implement such a web part.
Here are two links with code demos for your reference:
http://www.codeproject.com/Articles/667584/Image-Rotator-in-JavaScript
http://jsfiddle.net/jtbowden/UNZR5/1/
You can also take use of these jQuery image plugins in your project:
http://www.jssor.com/index.html
http://www.webdesignerdepot.com/2011/08/25-jquery-image-galleries-and-slideshow-plugins/
Thanks & Regards,
Jason
Jason Guo
TechNet Community Support

Similar Messages

  • Promotional page with images

    Hi - I would like to make a promotional leaflet with 20 or so images on and my contact details and then save as PDF using Photoshop.  How do I get a white page background please so I can drag images on please?

    Welcome to the forum.
    Mylenium has given you the info for doing your leaflet in PS.
    If you have InDesign (Adobe's page layout program), it might be beneficial to use that for the final assembly. It has better Type handling, than does PS, and one could set up a "template" for the leaflet w/ all contact info, etc.. Then, they could easily update from that, with new Images.
    If you do not have InDesign, then nevermind.
    Good luck,
    Hunt

  • Change a link with Image Swap?

    Okay so far I have my website designed. Here is what I have so far...
    ... I have successfully managed to have all the thumbnails keep their rollover behaviors while also making the main image change whenever any of the thumbnails are clicked. So that takes care of the main image problem. Now I need to find a way to get the "click image for larger" action to work. The problem I have is that in Dreamweaver CS3 the main image stays put. It is sort of the anchor that holds the Image Swap behavior in place. So in a web browser if anyone were to actually click on that main image it would not open a new browser window that is specific to the new main image they see. No matter what the main image switched to, if anyone clicked on it, the new browser would always open a window for the big PEARL STREET GYM flier.
    I am wondering if there is a way to get the main image link to swap along with the image so that the new browser window will also follow along with the coinciding main image that is shown. Is there a way to do this (without using spry)?
    (the reason I don't want to use spry is because I am still learning and so far spry just confuses the hell out of me. I'm sure I'll learn it one day... but just not right now)

    if anyone reads this... turns out this can be done with the Set Text behavior.
    Basically, you make your "click here for larger image" text and apply the Open Browser Window behavior.
    Then with the text highlighted you go to Code View and copy the code that makes this behavior function.
    Then you redo these steps for all the thumbnails you have. In my case I have 8 thumbnails so I need to adjust the Open Browser Window 8 times, one time for each of the large pictures i want to pop open, copying the code for each and pasting each code into a blank word document for later.
    Then you clear this behavior and click on the container that is holding your "click here for larger" text. Give this container an ID in the attributes panel.
    Okay so now you click on the first thumbnail you want to use. Give that thumbnail a Set Text in Container behavior. Direct the drop down menu to the container ID you just applied. Then in the new HTML box copy and paste the code you copied from the Open Browser Window behavior.
    Go through each of your thumbnails and repeat these steps, being sure to paste in the correct Open Browser Window code for each thumbnail.
    After you get done with adding all of your Set Text behaviors preview your site in a web browser. When you click on any thumbnail the "click for larger" text should look the same but when you click on the text your browser should pop open a new window that matches the corresponding thumbnail. (unless i left out a step here)
    it isn't exactly what i was looking for when i asked if there was a way to make the image itself clickable. but the small line of text under the image working as a link accomplishes the same task.

  • Promoting applications with images

    We have been using APEX for the last 4-5 months and we are in the process of promoting an application from our Development environment to our Test environment. The promotion was successful except that an image that was assigned to the application was not promoted to the Test environment.
    For the most part, I used all the defaults for exporting and importing. In addition, I installed all supporting objects.
    Did I miss something or do we need to promote these images manaually?
    Thanks,

    Hi Brian,
    You've probably your images in APP_IMAGES (the APEX repository)?
    These are not taken by default by the export command.
    Regards,
    Dimitri
    -- http://dgielis.blogspot.com/
    -- http://www.apex-evangelists.com/
    -- http://www.apexblogs.info/

  • Need help with 3D carousel gallery rotation to a specific angle

    Hi,
    I am making a 3d gallery, that has a menu underneath it. When clicking to a menu link, the gallery will rotate itself to a certain angle (photo) connected with the menu link. I am using FlashAndMaths 3D cylindrical gallery scripts (XML Customizable 3D Cylindrical Photo Gallery in Flash) as the base (as I couldn't find any free or neither payed 3d galleries that would have a menu connected to the carousel!).
    The function to rotate a carousel of thumbnails is the following:
    public function doRotate(ang:Number):void {  
                if(isLoading || notReady){       
                        return;
                if(!this.contains(container)){
                    return;
                var i:int;
                 for(i=0;i<numCols;i++){
                   colsVec[i].rotationY+=ang;
                   colsVec[i].rotationY=colsVec[i].rotationY%360;
                   if((colsVec[i].rotationY>90+diffAng && colsVec[i].rotationY<270-diffAng) || (colsVec[i].rotationY<-(90+diffAng) && colsVec[i].rotationY>-(270-diffAng))){
                          if(container.contains(colsVec[i])){
                              container.removeChild(colsVec[i]);
                         } else {   
                                   if(!container.contains(colsVec[i])){
                                     container.addChild(colsVec[i]);
    This will rotate the carousel as an infinite loop. However - I need the function to stop at a certain angle e.g. 45% (and/or reset itself to 0%). Another option would be to stop the carousel at a certain thumbnail container.
    The function to create a carousel is here:
    thumbWidth=thumbsArray[0][0].width;
    thumbHeight=thumbsArray[0][0].height;
    colsVec=new Vector.<Column>();
    colHeight=thumbHeight*colLen+(colLen-1)*pxSpace;
    colWidth=thumbWidth;
    rad=galLoader.radius;
    angle=360/numCols;
    container=new Sprite();
    this.addChild(container);
    containerWidth=2*rad;
    vertAddOn=40;
    vertDrop=15;
    containerHeight=colHeight+vertAddOn;
    container.x=containerWidth/2;
    container.y=containerHeight/2+vertDrop;
    contMask=new Shape();
    this.addChild(contMask);
    contMask.x=container.x;
    contMask.y=container.y;
    prepContainer();
    diffAng=Math.round((Math.asin(rad/fL)*180/Math.PI)*1000)/1000; 
    for(i=0;i<numCols;i++){
    colsVec[i]= new Column(thumbsArray[i],pxSpace,rad);
    container.addChild(colsVec[i]);
    colsVec[i].y=0;
    colsVec[i].x=0; 
    colsVec[i].z=0;
    colsVec[i].rotationY=angle*i;
    if((colsVec[i].rotationY>90+diffAng && colsVec[i].rotationY<270-diffAng) || (colsVec[i].rotationY<-(90+diffAng) && colsVec[i].rotationY>-(270-diffAng))){
    if(container.contains(colsVec[i])){
    container.removeChild(colsVec[i]);
    } else {
    if(!container.contains(colsVec[i])){
    container.addChild(colsVec[i]);
    Could anyone help me as I'm out of ideas!

    Hi, well, unfortunately asking help from forums is my last option, there really isn't many people around anymore, who'd use Flash!
    Also, I couldn't find neither free or payed scripts or examples online, that could do this - so, it's just me and forums.
    I really do appreciate that you've tried to help me- I just need a bit clearer reference (as I'm just not really used to use AS), so that I could try to search and/or figure out how to solve that problem.
    By "call doRotate() and pass the difference between the current rotation and the desired rotation.", did you mean something like this:
    private function onEnter(e:Event):void {
    if (rotate){
    this.doRotate(1);
    if(    //so, here I should use something that would locate the desired position, so something like currentFrame or would you have any better ideas?
    // should I also add something like doRotate.stop(); here?
    this.removeEventlistener(Event.ENTER_FRAME,onEnter);
    Or am I going the wrong way?

  • Rotating Linked Km Images

    Hi guru's,
    I want to implement image rotation functionality in Enterprise portal
    Note : Images are stored in KM Repository, on click of each image, it should take to different URL .
    Thanks in advance
    Regards
    Sadik

    Hi Sadik,
    Here's some code that I wrote a whiles ago, perhaps it'll help you.
    import java.util.Enumeration;
    import java.util.Vector;
    import com.sapportals.htmlb.Form;
    import com.sapportals.htmlb.page.DynPage;
    import com.sapportals.htmlb.page.PageException;
    import com.sapportals.portal.htmlb.page.PageProcessorComponent;
    import com.sapportals.portal.prt.component.IPortalComponentProfile;
    import com.sapportals.portal.prt.component.IPortalComponentRequest;
    * Created on 20/06/2005
    * Re-usable iView for displaying rotating graphical icons as links.
    * Images are displayed one at a time and fade into each other.
    * Uses iView parameters to allow the portal content admin to define the images,
    *  links and tooltips at iView creation time.
    * I've decided to allow a maximum of 12 icon/links, this can easily be updated at
    *  any time if required. Just make sure that the value of the constant 'maxIcons' is
    *  equal to the number of parameter sets you have in portalapp.xml
    * The parameter set for each icon/link should consist of the icon, link and tooltip
    *  parameters for that icon/link.
    public class RotatingIconLinks_Parameters extends PageProcessorComponent{
         public DynPage getPage(){
              return new IconLinksDynPage();
         }// End Constructor
         public class IconLinksDynPage extends DynPage{
              private static final int maxIcons = 12;
              private String icon = "";
              private String link = "";
              private String tooltip = "";
              private Vector iconLinks = new Vector();
              private IconInfo myIcon;
               * Initialization code.
               * We read all of the iView properties related to the icon/links and build
               *  a Vector containing this data for each icon/link.
              public void doInitialization(){
                   IPortalComponentRequest req = (IPortalComponentRequest)this.getRequest();
                   IPortalComponentProfile profile = req.getComponentContext().getProfile();
                   for(int i=1; i<=maxIcons; i++){
                        icon = profile.getProperty("Icon "+i);
                        link = profile.getProperty("Link "+i);
                        if(icon!=null && icon.length()>0 && link!=null && link.length()>0){
                             myIcon = new IconInfo(icon, link, profile.getProperty("Tooltip "+i));
                             iconLinks.add(myIcon);
              }// End Method doInitialization
               * Input handling code.
              public void doProcessAfterInput() throws PageException{
              }// End Method doProcessAfterInput
               * Create output. Called once per request.
              public void doProcessBeforeOutput() throws PageException{
                   Form myForm = this.getForm();
                   myForm.addRawText("" +
                        "<script language="javascript">" +
                             "var curr_item_index = -1;" +
                             "function HandleTimeout( ){" +
                                  "if (curr_item_index != -1 ){" +
                                       "document.all["item" + curr_item_index].style.display = "none";" +
                                  "}" +
                                  "curr_item_index = (curr_item_index + 1) % max_docs;" +
                                  "document.all["item_image" + curr_item_index].style.visibility="hidden";" +
                                  "document.all["item" + curr_item_index].style.display = "";" +
                                  "FadeIn( document.all["item_image" + curr_item_index] );" +
                                  "window.setTimeout( "HandleTimeout()", 2500, "javascript" );" +
                             "}" +
                             "function FadeIn( obj )" +
                                  "{obj.filters[0].Apply();" +
                                  "obj.style.visibility = "visible";" +
                                  "obj.filters.revealTrans.transition=12;" +
                                  "obj.filters[0].Play();" +
                             "}" +
                        "</script>");
                   myForm.addRawText("<table border=0 cellpadding=2 cellspacing=0 width="100%" dir="rtl" >");
                   Enumeration enum = iconLinks.elements();
                   int i = 0;
                   while(enum.hasMoreElements()){
                        myIcon = (IconInfo)enum.nextElement();
                        renderIconLink(myIcon, myForm, i);
                        i++;
                   myForm.addRawText("" +
                        "</table>" +
                        "<script language="javascript" >" +
                             "var max_docs = " + i + ";" +
                        "</script>" +
                        "</table>" +
                        "<script language="javascript" type="text/javascript">" +
                             "HandleTimeout();" +
                        "</script>");
              }// End Method doProcessBeforeOutput
              private void test(){
                   Form myForm = this.getForm();
                   myForm.addRawText("" +
                        "<script language="javascript">var curr_item_index = -1;function HandleTimeout( ){if (curr_item_index != -1 ) {" +
                        "document.all["item" + curr_item_index].style.display = "none";}" +
                        "curr_item_index = (curr_item_index + 1) % max_docs;" +
                        "document.all["item_image" + curr_item_index].style.visibility="hidden";" +
                        "document.all["item" + curr_item_index].style.display = "";" +
                        "FadeIn( document.all["item_image" + curr_item_index] );" +
                        "window.setTimeout( "HandleTimeout()", 2500, "javascript" );}" +
                        "function FadeIn( obj ){obj.filters[0].Apply();obj.style.visibility = "visible";obj.filters.revealTrans.transition=12;obj.filters[0].Play();}" +
                        "</script>" +
                        "<table border=0 cellpadding=2 cellspacing=0 width="100%" dir="rtl" >" +
                        "<tbody id=item0 style="display:none"><tr valign="center">" +
                        "<td align="left" width="80px">" +
                        "<div id=item_image0 " +
                        "style="filter:RevealTrans(duration=1); VISIBILITY: visible; WIDTH: 80px;">" +
                        "<a href="http://news.google.com" target="_blank">" +
                        "<img src="http://www.themarker.com/ads/2005/haareEng/zahal/2/banner_haaretz3.jpg" width="120" vspace="0" border=0></a>" +
                        "</div></td></tr></tbody>" +
                        "<tbody id=item1 style="display:none">" +
                        "<tr valign="top">" +
                        "<td align="center" width="80px">" +
                        "<div id=item_image1 " +
                        "style="filter:RevealTrans(duration=1); VISIBILITY: visible; WIDTH: 80px;">" +
                        "<a href="http://www.yotvata.co.il" target="_blank">" +
                        "<img src="http://www.google.com/intl/en/images/logo.gif" width="120" vspace="0" border=0></a>" +
                        "</div></td></tr></tbody>" +
                        "<tbody id=item2 style="display:none">" +
                        "<tr valign="top">" +
                        "<td align="right" width="80px">" +
                        "<div id=item_image2 " +
                        "style="filter:RevealTrans(duration=1); VISIBILITY: visible; WIDTH: 80px;">" +
                        "<a href="http://www.eliteintcafe.com" target="_blank">" +
                        "<img src="http://www.google.com/intl/en/images/logo.gif" width="120" vspace="0" border=0></a>" +
                        "</div></td></tr></tbody>" +
                        "<tbody id=item3 style="display:none">" +
                        "<tr valign="top">" +
                        "<td align="center" width="80px">" +
                        "<div id=item_image3 " +
                        "style="filter:RevealTrans(duration=1); VISIBILITY: visible; WIDTH: 80px;">" +
                        "<a href="http://www.ymhoney.co.il" target="_blank">" +
                        "<img src="http://www.google.com/intl/en/images/logo.gif" width="120" vspace="0" border=0></a>" +
                        "</div></td></tr></tbody>" +
                        "<tbody id=item4 style="display:none">" +
                        "<tr valign="top">" +
                        "<td align="center" width="80px">" +
                        "<div id=item_image4 " +
                        "style="filter:RevealTrans(duration=1); VISIBILITY: visible; WIDTH: 80px;">" +
                        "<a href="http://www.ganir.co.il" target="_blank">" +
                        "<img src="http://www.google.com/intl/en/images/logo.gif" width="120" vspace="0" border=0></a>" +
                        "</div></td></tr></tbody>" +
                        "<tbody id=item5 style="display:none">" +
                        "<tr valign="top">" +
                        "<td align="center" width="80px">" +
                        "<div id=item_image5 " +
                        "style="filter:RevealTrans(duration=1); VISIBILITY: visible; WIDTH: 80px;">" +
                        "<a href="http://www.energy.co.il" target="_blank">" +
                        "<img src="http://www.google.com/intl/en/images/logo.gif" width="120" vspace="0" border=0></a>" +
                        "</div></td></tr></tbody>" +
                        "<tbody id=item6 style="display:none">" +
                        "<tr valign="top">" +
                        "<td align="center" width="80px">" +
                        "<div id=item_image6 " +
                        "style="filter:RevealTrans(duration=1); VISIBILITY: visible; WIDTH: 80px;">" +
                        "<a href="http://www.glidat-strauss.co.il" target="_blank">" +
                        "<img src="http://www.google.com/intl/en/images/logo.gif" width="120" vspace="0" border=0></a>" +
                        "</div></td></tr></tbody>" +
                        "<script language="javascript" >" +
                        "var max_docs = 7;" +
                        "</script>" +
                        "</table>" +
                        "<script language="javascript" type="text/javascript">HandleTimeout();" +
                        "</script>");
                   //myForm.addComponent(frag);
              }// End test
              private void renderIconLink(IconInfo myIcon, Form myForm, int count){
                   icon = myIcon.getIcon();
                   link = myIcon.getLink();
                   tooltip = myIcon.getTooltip();
                   myForm.addRawText("" +
                        "<tbody id=item" + count + " style="display:none">" +
                             "<tr valign="center">" +
                                  "<td align="left" width="80px">" +
                                       "<div id=item_image" + count + " style="filter:RevealTrans(duration=1); VISIBILITY: visible; WIDTH: 80px;">" +
                                            "<a href="" + link + "" target="_blank">" +
                                            "<img src="" + icon + "" width="120" vspace="0" border=0 alt="" + tooltip + ""></a>" +
                                       "</div>" +
                                  "</td>" +
                             "</tr>" +
                        "</tbody>");
              }// End method renderIconLink
         }// End Class IconLinksDynPage
    }// End Class RotatingIconLinks_Parameters
    I like to think that it's pretty self explanatory but I know that reading other peoples code can be a nightmare. Have a look at it and if you have any questions then feel free to post them.
    What it does is read iView paramaters for image location (URL from KM) and a URL that'll be the link and just displays the images and links to that URL, fading one into the other.
    What you should probably do though is ignore the paramter reading and just run the 'test()' method from doProcessBeforeOutput(). Have a look at the HTML and JavaScript that gets written, play with the imagesource and href parameters that are written in the code, see what it does. Then just modify it to use the images/urls' that you want.
    Let me know if you need anything cleared up,
    Patrick.

  • Promoted Links Tile Background Image Size Issue

    I am brand new to using sharepoint and I am having an issue with the images attached to the promoted link tiles.  No matter what size I change the file too, I can not get the tile to show the whole pictures.
    I have tried changing the image size for multiple different pictures in both photoshop and illustrator to 128px and 150px, with no luck!
    Does anyone have any advice on how to make the pictures fit in the tiles or how to start with an illustrator or indesign image and format it correctly to display in the tile view?
    As many details as possible will help since I just started using this program! 
    Thank you!

    Hi,
    According to your description, my understanding is the promoted link tile can’t show the whole image.
    By default, When image with a blank space around, it would be transformed properly in promote link tile, I suggest you modify the image to make it with blank space around.
    For about modifying image, I suggest you post a question to the corresponding forum such as Photoshop forum:
    https://forums.adobe.com/community/photoshop
    Feel free to reply if there are still any questions.
    Best regards
    Patrick Liang
    TechNet Community Support

  • How to add SharePoint 2013 Promoted link list view web part in page programatically with Tiles view using CSOM.

    How to add SharePoint 2013 Promoted link list view web part in page programatically with Tiles view using CSOM. I found that it can be
    done by using XsltListViewWebPart class but how can I use this one by using shraepoint client api.
    shiv

    Nice, can you point me to the solution please ?
    I'm  trying to do this but I get an error : 
    Web Part Error: Cannot complete this action. Please try again. Correlation ID: blablabla
    StackTrace:    at Microsoft.SharePoint.SPViewCollection.EnsureViewSchema(Boolean fullBlownSchema, Boolean bNeedInitallViews)     at Microsoft.SharePoint.SPList.GetView(Guid viewGuid)   
    All help really appreciated.

  • Issue opening .AI file with linked/embedded images in Illustrator 6

    Received an Illustrator 16.x ai file with 6 Linked\embedded images. Opening in Illustrator 16.0.3 2 images are missing, but opening in Illustrator 15.1 opens them correctly. Illustrator 16.0.3 has warning "Could not find linked file “filename.png”. Choose replace to select another file or Ignore to leave the link unchanged". Illustrator 15.1 has warning "The file “filename.ai” was created by a newer version of Illustrator. Would you like to import this file? Some data loss may occur.". When I open in Photoshop 12.1 and select Images only 4 images show. The two that are missing in ai. are not showing in Photoshop Images option tab, but are in Photoshop when I open the file using pages option tab. Any idea what is happening here and why Illustrator 15.1 opens fine, but Illustrator 16.0.3 cannot?
    Thanks,  Dale

    Illustrator CS5 opens the PDF part of the file. Images are always embedded in that part, but you might not be able to edit all objects in it.
    Illustrator CS6 will access the AI part of the file, where linked images are not embedded. You should ask for the images in order to edit the file.
    Recommended reading: Real World Illustrator: What's in a file?

  • HTML content with images and links blocked

    Hello,
    I very much need some help here because my company needs to send out newsletters to our clients in HTML format soon and so far the email with HTML content is being blocked as spam while text content works fine. Specifically, whenever I add a link or an image in HTML content, the email doesn't go through. I tried sending in multipart format but it is also not sending HTML with images and links. Here is my attempt:
                                    props.setProperty("mail.transport.protocol", "smtp");
                                     props.setProperty("mail.host", "mail.server.com");
                                     props.setProperty("mail.user", "joeuser");
                                     Session mailSession = Session.getDefaultInstance(props, null);
                                     mailSession.setDebug(true);
                                     Transport transport = mailSession.getTransport();
                                     MimeMultipart mp = new MimeMultipart("alternative");
                                     MimeBodyPart htmlPart = new MimeBodyPart();
                                     MimeBodyPart textPart = new MimeBodyPart();
                                     textPart.setText("Just to make it multipart");
                                     htmlPart.setHeader("MIME-Version", "1.0");
                                     htmlPart.setHeader("Content-Type", htmlPart.getContentType());
                                     htmlPart.setContent(strHtmlMessage, "text/html");
                                     mp.addBodyPart(textPart);
                                     mp.addBodyPart(htmlPart);
                                     MimeMessage message = new MimeMessage(mailSession);
                                     message.setHeader("MIME-Version", "1.0");
                                     message.setHeader("Content-Type", mp.getContentType());
                                     message.setHeader("X-Mailer", "Recommend-It Mailer V2.03c02");
                                     message.setContent(mp);
                                     message.setSubject(strSubject);
                                     message.setFrom(new InternetAddress("[email protected]"));
                                     message.addRecipient(Message.RecipientType.TO,
                                             new InternetAddress("[email protected]"));
                                             transport.connect();
                                             transport.sendMessage(message,
                                             message.getRecipients(Message.RecipientType.TO));
                                     transport.close();This code is one of my numerous attempts to make HTML send images and links. Please, let me know if there is a workaround way to make JavaMail send HTML with links and images in the message body. Your help will be greatly appreciated.

    The JavaMail FAQ has information on creating HTML messages, including
    messages with both plain text and HTML. Did you find it?
    BTW, your code has many unnecessary statements, such as setting
    the Mime-Version header, which JavaMail will do for you, and setting
    the Content-Type header, which JavaMail does as a side-effect of the
    setContent or setText calls.
    Other than that, it looks like your code should be correctly creating a
    multipart/alternative message. If the recipient is still rejecting it you
    need to figure out what it is about the message that makes the recipient
    think it's spam. Can you send a similar message using another mailer?
    Can you send the message to a different recipient?

  • How add a image in the banner portlet like 'my links' in favourite portlet

    How can I add a image in the banner of a portlet, like the 'my links' image in the Favourite Portlet?
    Thanks in advance

    hi,
    The image mylinks is not rendered by the portlet. It is a part of the page. You can always do a similar thing like rendering the image in the same page before the portlet.
    Thanks,
    Sriram

  • How do i send an html file exported from muse as email blast with images and live links?

    My question it:
    How do i send an html file exported from muse as email blast with images and live links?
    I have designed a "website" in adobe muse and exported it as an html file. I am not sure how to send my .html file in an email!
    Best,
    Nicole

    Unfortunately, the answer is, you don't. The requirements for HTML displayed in an e-mail reader are very different than those for HTML displayed in a browser. The output of Muse won't work as an HTML e-mail. You could upload the Muse site as a website and provide a link to it in an e-mail, but the HTML generated by Muse is not suitable for direct display by an e-mail program.

  • TextImage shows links with chainlink image.  Why?

    The TextImage component shows my links with chainlink image.  Why?  Even in preview mode, it shows the chainlink image and the links are not clickable.
    See the bottom-right of the attached image.  How can I fix the links?

    Thanks Justin.  That was the problem.  I had written "www.google.com" instead of "http://www.google.com".

  • Link with an object or an image?

    why isn't it possible to establish a link with an object or an image?

    See the topic 'How To Link An Image' in the iBA user tip 'iBA Tips and Tricks 01'.

  • Promoted Links Rollup and CQWP / CSWP

    I would like to do the following:
    Have Promoted Links List Type on certain key sub sites.
    Using a CQWP or CSWP roll up the Promoted Links to a main landing page, including images that are used in the PromotedLink (albeit smaller).  I have seen a few examples of CSWP where there is a small image on the left, that is what I would like to accomplish,
    but have it be ONLY Promoted Links
    Furthermore, the link for the item being returned in the query should not be a link to the item itself, but it should be the link it is actually linking to... :)
    I seem to be struggling with how to accomplish this in either CQWP or CSWP
    For example in CQWP, I am able to return all the items from all the ListType=Promoted Links.  But I cannot get any images to to display, and of course, the link coming back in the query is a link to the actual Promoted Link item, as opposed to the actual
    link, and I cannot successfully replace the Link property with the "Link Location" field coming from the Promoted Link item.
    In CSWP, I cannot seem to query based on the correct Content Type, and I am also getting no images back at all.
    To me, rolling up Promoted Links in this fashion seems like it should be a slam-dunk, but it is not, unless there is something I am missing.
    Can someone please tell me if what I am trying to accomplish is possible without a lot of extra work, or should I move on to another method?
    Thank you
    DWM

    I did find this article, and I tried it. the problem is that is appears as though I have other content types in there that start with 0x00 as this Site Collection contains some old upgraded content from 2007.
    I find it only works cleanly when I include the entire ContentID from each list, which is cumbersome.
    I am still unsure how to proceed with this.   What I would really like is to be able to rollup Promoted Links in the same horizontal manner, and have a single list of links on the landing page.  It might look similar to how the Windows 8 internet
    explorer Frequent tiles look.  So you could have a single promoted-link looking control on the front page that would rollup all promoted links and you could scroll side-to-side to see all the promoted links.
    I realize this can be accomplished by creating a single Promoted Links list object at the base of the Site Collection,but that is also cumbersome.  It would be nice to have site owners maintain their own promoted links and have it rollup to
    the top automatically.
    Of course this is also hindered by the fact that you cannot get CSWP to present horizontally OOB, and even if I used summary links, I would have to compact the view by using groups and spacing etc is not optimally without a lot of extra work, which I was
    hoping to avoid in the interest of time
    Thank you for taking the time to respond.
    DWM

Maybe you are looking for