As requested in this thread on our.umbraco, i want to create a new property editor, that allows for the content editor to select an image both from their local hard-drive and the media archive, to then be cropped right in the content section. Basically combining two already existing property editors.
This image gives a general idea about what i want to achieve:
http://i.imgur.com/DAqyKeT.png
Right now it is possible to use the image cropper on the images in the media section, but it would be more user friendly to have this functionality in the content section.
I am quite new to Umbraco and creating custom property editors, but I would like to know if this is possible.
Related
Recently started work on a BigCommerce project and on the homepage I want to have a theme area where normal site admin users can upload their own images based on holidays (Xmas, halloween etc) in the theme editor.
I know how to add in some custom elements in the theme editor using the Schema and Config files (headings, text, font colours etc), and how to reference them in the homepage. I'm also fine with referencing set images in the assets folder which aren't going to change, and manually coding references to them.
However I can't quite seem to work out how to add a custom image upload to the theme editor, or how to reference it in a page. Can't seem to find any answers in the Stencil documentation or usual Google searches etc either.
The Stencil Theme Editor currently only supports the file upload data type in the Optimized One-Page Checkout customization settings, but there are a couple of possible workarounds to allow the user to upload their custom background image and then reference it in Theme Editor settings:
One option would be to have the user upload their image to WebDAV, making sure that their image followed a naming convention that you specified. For example, the Halloween image could be required to have the file name halloween.png. You could map that value to a Theme Editor dropdown setting for Holiday Background>Halloween.
Another solution might be to have the user upload their image to WebDAV as mentioned above, but instead of a dropdown menu, you could have the user type their file's name into a text input setting in the Theme Editor. Keep in mind though that there's a 64 character limit for input values.
Hope this helps!
There are 4 ways to get images into the BigCommerce store.
You can:
Upload into the content folder through webdav. Then the images would be referenced like url.com/content/image.jpg. This does require a webdav connection and while everything does point you to using file managers like cyberduck, you can actually map a drive to a network resource to make this super easy. This mean you can create a z drive that is actually your bigcommerce content upload through webdav. It's pretty easy to set up and for customers to use. The drawback is that these files do not get put on a CDN so there's a little loss of performance.
Upload into the theme's images folders. This is complex and would require your client to figure out the stencil local dev connection and push versions up to their store. This would allow the images to be CDN'd but is super complex and your clients won't figure it out... It could also expose you to some long-term version control issues as they may be overwriting you or vice versa.
You can use the media manager to upload images. If you're referring to them in code, an easy trick is when your clients want to replace an image, to delete it and upload a new one with the exact same name... then the reference doesn't break. This is the easiest way to deal with site-wide issues from the client-side. Images are CDN'd this way as well.
You can consider using the marketing banner function for semi-temporary marketing messages. This is what it is made for, the images will be CDN'd and it's full GUI with no techy connections for your clients to figure out. This is perfect for banners that span a single page, but I don't think there is currently a side-wide setting for locations.
I am using Umbraco 7.5.3 and I want to add an alt text to media images while uploading or while selecting (On clicking submit) them using media picker. Is this possible?
I have added a property to Image Media Type. This way it is available for all the images I have in the CMS.
But another question I am getting stucked with. Is it good or bad to change inbuilt Umbraco data types?
Any help appreciated.
Thanks in advance!
For this, I have added an alternative text property to the media Image type. (Settings -> Media Types -> Image).
You can see the below image.
It's not currently possible to add ALT text to images whilst uploading / selecting images using the standard media picker.
To fulfil this functionality you would need to extend the data type.
Extending existing datatypes & creating new data types is encouraged, Umbraco is an open source project so you could even create a pull request on GitHub.
I would be very interested as this is a feature that I also would like to see in core.
I am a beginner with Umbraco. I am able to upload images to the Media Library and then put them onto the page, but for my sidebars I want the images to be clickable links to other parts of my site and other sites.
At the moment I am using the Rich Text Editor to write an anchor tag etc. but this seems ridiculous and I don't want content authors [attempting to be] writing HTML.
It seems like there should be a built-in data type for this, or a property on the image but I see nothing. Do I need to write my own Razor code as a DataType? This seems like such a common thing that I'm surprised there is not a built-in solution.
I'm using 7.2.8
If you're already using the RTE, you can just select the image and click the Link button, then whatever you have selected (in this case the image) should become a link. No need to make your own HTML :-)
I have a document which consists of multiple contents, let's say a msword file, an jpeg image file and a mp4 video file, and when the user clicks on that document in content navigator, he must be able to see the contents available as we get in Workplace XT.
A separate link for msword,jepg and mp4. Is it possible to configure ICN like this?
ICN does not provide an option to view multiple content elements as separate file - like Workplace / XT. However, using the viewer, you can navigate between multiple content elements. If you have a requirement to provide this option, it is pretty easy. You can create a plugin for displaying multiple content elements and add it to document context menu. You can probably create a custom dialog widget to display these content elements as separate links.
Basically in many web frameworks and templates such as jquery UI they provide an image file which contains all the icons used in a framework. What I need is to select particular icon from this image file(framework uses it for its own widgets), how to do that? I know the benefits behind putting icons in a single image file, but not the technique to retrieve them.