Sitecore: Sublayout with preview image - image

Can anybody tell me how to add a preview image when i am selecting a rendering while adding a component in the Page Editor? I just still have there a default sublayout icon. I have the Nicam demo site from Sitecore and there are some images, but I am not able find where I can select that.

When you go to your Sublayouts (/sitecore/Layouts/Sublayouts or Renderings) you can select yours, go to the Appearance section and go to the Thumbnail field. Click the Take Screenshot button there.
You can then select the page you want the thumbnail to be taken from in the Item field, which device to use and click Take Screenshot. After this the page will show up where you can select a section of the page to be used as the screenshot
[Update]
I decided to write a blogpost on this: Read it here

Related

Magento 1 - Add image to dropdown menu

I'm working with a website in Magento 1. I'm new to this kind of project, and therefore I need your help. I have the theme, themevast applied(So I think? I've taken over this project from a partner) to the site and I'm using mega menu. In my menu I have ha dropdown menu for a specific category. In this dropdown I want to be able to have a picture in the bottom of the dropdown, like in this picture.
In my manage categories tab I have these options, and everywhere where I'm able to upload images it doesn't show in my dropdown.
How do I fix this?

How do I add an image with a link to my home page in Umbraco?

I'm new to Umbraco and I need to know how to insert an image with a link/url?
For example -->
<img src="/map/image.png"/>
UPDATE:
Below is a screenshot which doesn't show any button to insert an image.
In the editor? Just insert the image, then select it and click the link button.
In Umbraco 7, using the grid, you have to go to Developer section and locate the datatype(s) used for the grid property you are using. There should be an option to customize the rich text editor buttons somewhere in there.

XPages Richttext upload image does not work - Search button hidden

I'm using an Richtext Field in my XPage and I want to embed an image. So I click on the icon in the action bar of the editor and the dialog opens. But in Internet Explorer 11 it looks like this:
So I can not select the file I want to upload.
If I open the XPage in Firefox and want to upload an image it works, but not with IE 11.
It seems like the page containing the search button could not be loaded.
If i resize the scroll bars I can see an error page "Site could not be found. Make sure the address //ieframe.dll/dnserrordiagoff.htm# is corrent"
Notes Server Version: 9.0.1 FP1
Can anyone give me a hint here?
See this fix list link. IE 11 support was only added in FP2. It's covered by SPR# TMGN9KJTEB

ckeditor image plugin customization

I want to customize the ckeditor image plugin. I already added two radio boxes under URL text field, one is the normal mode while for the second one I have shown a page in iframe in the preview area. In the page we have list of image links. Now I have difficulty to click on any link and send that link to the URL text field. Actually I want to access the URL field in the page shown in the iframe.
Please help me for it, or suggest me a better solution to tackle this situation.
I found the way to do the above job.
First I changed the radio boxes into brows button. On the button click event a light box opens. When clicking in a link in the light box the link value will be saved to java script COOKIE variable and on the light box close event the value from the COOKIE is retrieved and assigned to the text field with the following code.
srcVal = getCookie('srcVal'); dialog.setValueOf('info','src',srcVal);

I'm building a theme for tumblr and the {HasPages} doesn't seem to work properly

I've put the HTML draft of the theme so far, with minor CSS edits.
Currently I have all the block posts and everything else that's essential to a tumblr theme but I can't seem to get the {HasPages} block to work properly.
I've tested it on a different tumblr, also. There are pages created and I already have provided some basic CSS for it just in case. But there isn't anything showing up.
Has anyone has this problem and if so, is there a solution I'm missing? The code to display the pages is included.
{block:HasPages}
<ul>
<li>Home</li>
{block:Pages}<li>{Label}</li>{/block:Pages}
</ul>
{/block:HasPages}
Also, is this a valid web masters' question. I'm not sure.
I just had this issue: a link to a page I created didn't show up.
I solved this by checking off "Show a Link to this Page" in the Page options. To find this:
Go to tumblr.com.
In the top navigator click the gear. This is where the settings are.
On the side, click on the blog you want to customize.
A customize button should show up beside the name "Theme". Click on this button.
Now your blog will show up with a Customize panel. In the Customize panel there should be a Pages section. Click the Edit button beside the page and a window will pop up.
You can find the "Show a Link to this Page" option in this window.
Let me know if you need any clarification.
As far as I can see your code is right. Have you clicked the 'show a link to this page' checkbox, which is at the bottom of the page edit popup? I bet that's it... :)
I have also been having this problem. However, everything works correctly on my actual page, even though the theme editor does not appear to be aware of the block on my custom theme, nor does the theme preview seem to be aware of the pages tagged to show.
Have you tried saving your theme and checking the links on the live page?

Resources