Projects https://our.umbraco.org Sun, 07 Feb 2016 17:11:05 +00:00 umbraco Latests packages from the forum on our.umbraco.org en File Picker Data Type https://our.umbraco.org/projects/backoffice-extensions/file-picker-data-type/ https://our.umbraco.org/projects/backoffice-extensions/file-picker-data-type/ This package adds File Picker and Multiple File Picker data types to Umbraco 7.

 

They can be configured to list files from a specific folder, or search recursively, and filter for specific patterns.  

The user can then select one, or more with the MultipleFilePicker, file and save.  This package will not actually do anything with the file, but your custom template code can use the selected file as needed.

 

An optional link can be added to open the file, and an edit link that executes javascript.  To trigger the internal editor for css or javascript files use one of these values.

Css Edit Link: parent.openStylesheet("{0}");

Javascript Edit Link: parent.openScriptEditor("{0}");

 

An example to let editors select and attach additional Css and Js files to a document:

 

Extra Css Data Type:

Starting Folder: /css

Search Pattern: *.css

Alias on Document Type: cssInclude

 

Extra Script Data Type:

Starting Folder: /scripts

Search Pattern: *.js

Alias on Document Type: jsInclude

 

// Template code to inject extra resources into ClientDependency.  Script and Link tags could also be rendered directly.

@using ClientDependency.Core

@using ClientDependency.Core.Controls

@using Newtonsoft.Json.Linq;

 

var cdl = Context.GetLoader();

var allDependencies = ;

foreach(var item in GetFileList()) {

cdl.RegisterDependency(item.Priority, item.FilePath, item.PathNameAlias, item.DependencyType);

}

 

@functions 

{

    List<IClientDependencyFile> GetFileList()

    {

        var allDependencies = new List<IClientDependencyFile>();

 

        int priority = 20;

        if(Model.Content.HasProperty("cssInclude") && !String.IsNullOrEmpty(Model.Content.GetPropertyValue<string>("cssInclude"))) {

            foreach(var item in Model.Content.GetPropertyValue<JArray>("cssInclude"))

            {

                allDependencies.Add(new CssInclude { PathNameAlias = "Styles", FilePath = (string)item, Priority = priority++ });

            }

        }

 

        priority = 20;

        if(Model.Content.HasProperty("jsInclude") && !String.IsNullOrEmpty(Model.Content.GetPropertyValue<string>("jsInclude"))) {

            foreach (var item in Model.Content.GetPropertyValue<JArray>("jsInclude"))

            {

                allDependencies.Add(new JsInclude { PathNameAlias = "Scripts", FilePath = (string)item, Priority = priority++ });

            }

        }

        return allDependencies;

    }

 

}

]]>
Jeremy Pyne Fri, 05 Feb 2016 15:35:08 +00:00
Linked Content Data Type https://our.umbraco.org/projects/backoffice-extensions/linked-content-data-type/ https://our.umbraco.org/projects/backoffice-extensions/linked-content-data-type/ This package will add a ListLinkedContent Data Type that when added will list content and media items linking to or linked from the current item.

 

It does not store any actual data and won't have any value in the frontend, but when viewed in backoffice the data type will run this logic and show a summary and detail.

 

Related items are found by searching relevant data types on the current item for localLinks or node id's. Only properties from the following data types are searched for matches.

  •   Rich Text Editor
  •   Multinode Treepicker
  •   Content Picker
  •   Media Picker
  •   Legacy Media Picker
  •   NestedDataType (from the Nested Data Type package) 

 

 

In addition the published content cache is search for the same  data types looking for published items that link to the current item.

]]>
Jeremy Pyne Fri, 05 Feb 2016 15:18:15 +00:00
Linked Content Data Type (1) https://our.umbraco.org/projects/backoffice-extensions/linked-content-data-type-1/ https://our.umbraco.org/projects/backoffice-extensions/linked-content-data-type-1/ Duplicate of https://our.umbraco.org/projects/backoffice-extensions/linked-content-data-type/

]]>
Jeremy Pyne Fri, 05 Feb 2016 15:18:15 +00:00
Nested Data Type https://our.umbraco.org/projects/backoffice-extensions/nested-data-type/ https://our.umbraco.org/projects/backoffice-extensions/nested-data-type/ This package adds a Nested Datatype to Umbraco that can be used to create complex datatypes that are collections of one or more sets of existing data types.

 

Each instance can be configured with a list of child properties from those available in Umbraco. In addition the instance can be set to have a single child item, or an array of children items.

 

The data will be stored as a JSON array and get be easily retrieved with code like this.

 

@using Newtonsoft.Json.Linq;

 

var data = Model.Content.GetPropertyValue<JArray>("property");

foreach(var item in data.Children()) {

var name = (string)item["subPropertyAlias"];

 

@name

}

 

Or another example retrieving a single field with with dynamics.

 

@CurrentPage.productLinks[0].LinkDocument

 

 

Note that the stored data is always an array even if the definition only allows one child.

]]>
Jeremy Pyne Thu, 04 Feb 2016 21:06:55 +00:00
Content Picker with Preview https://our.umbraco.org/projects/website-utilities/content-picker-with-preview/ https://our.umbraco.org/projects/website-utilities/content-picker-with-preview/ Have testimonials, staff profiles, or other modular content that can be selected on multiple pages? Ever forget what that content looks like, where to edit it, or simply want to show in the back office the fields that will display on that page? The Content Picker with Preview is for you! Select a single image property and other text properties you wish to display and this package will show you what that is in the back office. Go to the pages and edit them from the picker.

Developing it out on the front of the site? No problem. The picker renders out the same data as any multiple content picker: a comma separated list of node IDs. You can use your own coding style, or check out the package website if you need an example!

View the demo: https://www.youtube.com/watch?v=KVB-dP5fNEc&feature=youtu.be

]]>
Offroadcode Thu, 28 Jan 2016 22:01:45 +00:00
FAQ Listing https://our.umbraco.org/projects/website-utilities/faq-listing/ https://our.umbraco.org/projects/website-utilities/faq-listing/ A simple package that allows you to add a custom frequently asked questions property editor to your site. No custom list views, no folders upon folders with child nodes. Just a question, an answer, and a category to get you going.

How do you code it?

Get the gist here: https://gist.github.com/naepalm/2ce4f7314658879cda16

]]>
Offroadcode Thu, 28 Jan 2016 21:47:08 +00:00
ContentTemplates https://our.umbraco.org/projects/backoffice-extensions/contenttemplates/ https://our.umbraco.org/projects/backoffice-extensions/contenttemplates/ Adds a simple system to pre-fill fields on new content nodes.

]]>
Andy Jenkins Fri, 22 Jan 2016 17:58:22 +00:00
Umbraco Forms on Perplex Steroids https://our.umbraco.org/projects/backoffice-extensions/umbraco-forms-on-perplex-steroids/ https://our.umbraco.org/projects/backoffice-extensions/umbraco-forms-on-perplex-steroids/ This package extends the default Umbraco Forms-package with some additional controls and copy-functionality.

After installing the package you will get the following:

  • Perplex File Upload: Select which file-extensions are allowed to upload, whether multiple files are allowed and the maximum size of the files.
  • Perplex Image Upload: Select which image-extensions are allowed to upload, whether multiple files are allowed and the maximum size of the images.
  • Perplex Text Field: Adds placeholder-functionality, maximum length-attributes and HTML5 input-type specification
  • Perplex Textarea Field: Adds placeholder and maximum length-attributes.
  • Copy-functionality: Allows you to copy your forms.

Full documentation is available and we love to receive your feedback via our website or email.

Note: Please make sure that you have installed Umbraco Forms before installing this package.

]]>
Jeffrey Schoemaker Fri, 22 Jan 2016 12:12:21 +00:00
ReadingAge https://our.umbraco.org/projects/backoffice-extensions/readingage/ https://our.umbraco.org/projects/backoffice-extensions/readingage/ Adds tools to measure reading age to the rich text editor.

]]>
Andy Jenkins Thu, 21 Jan 2016 19:38:21 +00:00
Gavlar50.MediaTracker https://our.umbraco.org/projects/backoffice-extensions/gavlar50mediatracker/ https://our.umbraco.org/projects/backoffice-extensions/gavlar50mediatracker/ Track media usage in your site content, report on where media is referenced and identify potentially unused files.
Installation adds a MediaTracker.Properties key to your web.config. Edit this item and list all property aliases to be tracked, comma separated. e.g.

add key="MediaTracker.Properties" value="bodyText,footerText"

To enable verbose logging, add the following key to your web.config:

add key="MediaTracker.VerboseLogging" value="true"

New content is tracked on publish. To begin tracking existing content in an existing site after install, republish the parent node and its children. For large sites I recommend you do this in smaller batches.

Run reports from the Tracker tab in Media pane. To report usages for a specific media item, open the item in the media tree and note it's id from the properties tab. Enter this id in the media report.

Available reports are:
- Show usages for selected media = shows properties and pages where media id is used
- Show usages for all tracked media = as above but for all tracked media
- Show unused media = shows media that is potentially unused, based on tracked properties
- Show media by file size = shows all media in site be descending file size, whether tracked or untracked

]]>
Gavlar50 Wed, 20 Jan 2016 19:57:03 +00:00
Delete All Children v7 https://our.umbraco.org/projects/backoffice-extensions/delete-all-children-v7/ https://our.umbraco.org/projects/backoffice-extensions/delete-all-children-v7/ Delete All Children v7 adds an option to the context menu for content and media, to allow the deletion of all child nodes. To prevent accidental deletion you have to explicitly confirm the deletion (with a checkbox).

When you were editing one of the deleted items, you will be redirected to the top-most parent.

This package is inspired by the work of Dennis Milandt's "Delete All Children Context Menu Item" package and brings this functionality to v7.

]]>
Danny Drogt Fri, 15 Jan 2016 12:06:33 +00:00
Umbraco Picture Helper https://our.umbraco.org/projects/developer-tools/umbraco-picture-helper/ https://our.umbraco.org/projects/developer-tools/umbraco-picture-helper/

Our.Umbraco.Picture

A extension library for generating HTML5 Picture element

Installation

PM > Install-Package Our.Umbraco.Picture

Download picturefill.min.js from https://github.com/scottjehl/picturefill and place in the ~/scripts/

Include this in the header:

@Html.RequiresJs("~/Scripts/picturefill.min.js", 101);

How to

There a multiple ways to use this.

Basic

This way you can have multiple images, and sources. Lets say a cat, swapped with a tiger, if width > 480px

@{
IPublishedContent cat = Umbraco.TypedMedia(1000);
IPublishedContent tiger = Umbraco.TypedMedia(1001);
var picture = Umbraco.Picture()
.Source("(min-width:480px)", tiger.GetCropUrl(768, 300))
.Source("(min-width:320px)", cat.GetCropUrl(480, 300) + " x1", cat.GetCropUrl(960, 600) + " x2")
.Srcset(cat.GetCropUrl(768, 300))
.Attr("class", "img-responsive")
.Alt("Cat becomes tiger");

@Html.RenderPicture(picture);
}

HTML

<picture class="img-responsive">
<!--[if IE 9]><video style="display: none;"><![endif]-->
<source media="(min-width:480px)"
srcset="/media/1001/tiger.jpg?width=768&height=300&mode=crop">
<source media="(min-width:320px)"
srcset="/media/1000/cat.jpg?width=480&height=300&mode=crop 1x,
/media/1000/cat.jpgwidth=960&height=600&mode=crop 2x">
<!--[if IE 9]></video><![endif]-->
<img src="" srcset="" alt="Cat becomes tiger" />
</picture>

Typed

Simple but effective.

@{
IPublishedContent media = Umbraco.TypedMedia(1000);
var picture = Umbraco.Picture(media)
.Source("(min-width:992px)", 1200, 300, 1.0, 2.0)
.Source("(min-width:768px)", 992, 300, 1.0, 2.0)
.Source("(min-width:480px)", 768, 300, 1.0, 2.0)
.Source("(min-width:320px)", 480, 300, 1.0, 2.0)
.Srcset(768, 300)
.Attr("class", "img-responsive")
.Alt(media.GetPropertyValue<string>("alt", ""));

@Html.RenderPicture(picture);
}

HTML

<picture class="img-responsive">
<!--[if IE 9]><video style="display: none;"><![endif]-->
<source media="(min-width:480px)"
srcset="/media/1001/image.jpg?width=1200&height=300&mode=crop x1,
/media/1001/image.jpg?width=2400&height=600&mode=crop x2">
...
<!--[if IE 9]></video><![endif]-->
<img src="" srcset="/media/1001/image.jpg?width=768&height=300&mode=crop" alt="..." />
</picture>

In-action:

References

]]>
Rasmus Eeg Thu, 14 Jan 2016 08:03:19 +00:00
Toggle Box and slider https://our.umbraco.org/projects/backoffice-extensions/toggle-box-and-slider/ https://our.umbraco.org/projects/backoffice-extensions/toggle-box-and-slider/ The toggle box and toggle box with slider as shown in our blog-post on 24days in umbraco:

http://24days.in/umbraco/2015/seo-controls/

 

If you want to try the functionality, have a look at our demo site:

http://umbracodemo.manaosoftware.com/

The credentials are on the page.

 

This package is supplied as-is. We do not plan to do any further updates. Use it as inspiration if you want.

]]>
Allan Kirk Wed, 13 Jan 2016 04:50:39 +00:00
PDF.js Viewer https://our.umbraco.org/projects/website-utilities/pdfjs-viewer/ https://our.umbraco.org/projects/website-utilities/pdfjs-viewer/ This project allows the wonderful PDF.js viewer to be installed on a website (as provided by the people at Mozilla and now included in the latest versions of Firefox).

http://www.link-infotec.co.uk/pdfjs/viewer.html?file=/viewer/pdf1.pdf

To use the viewer simply install the package and then use the /pdfjs/viewer.html?file=[path to file] url to load a pdf file into the viewer.

The viewer allows users to view and browse PDF files without having to have a pdf reader installed.

With this plugin you can also view a pdf document within an iframe on your pages. Simply include the viewer url as the src of an iframe (in a macro for example).

This can also be integrated with Turn.js for a flipbook style presentation as shown here: 

http://www.link-infotec.co.uk/articles/pdfjs-and-turnjs-reader/ ;

For more information on PDF.js: https://mozilla.github.io/pdf.js/

For more information on Turn.js: http://www.turnjs.com/

New in Version 1.1

Macro added to allow an iframe to be embedded in a page (best within a responsive grid using grid layout). This will allow presentation of a pdf surrounded by other manageable content. Macro is called "PDF Viewer Frame".

Available parameters are Frame Class, Frame Height, Frame Width, Initial Page, Initial Zoom and PDF File.

]]>
Neil Marshall Tue, 05 Jan 2016 17:06:04 +00:00
Umbraco Backoffice Visualization https://our.umbraco.org/projects/backoffice-extensions/umbraco-backoffice-visualization/ https://our.umbraco.org/projects/backoffice-extensions/umbraco-backoffice-visualization/ Confused as to what doctypes use which compositions? Need to see at a glance the structure of your site? Then Back Office Visualizations to the rescue! Our umbraconeers have worked tirelessly to give you this tool that shines a window of awesomesauce on your Umbraco install. Whether you've inherited a site and want to make sense of it or wish to add some much needed clarity to that 6 month old masterpiece which you are now convinced you wrote drunk, Back Office Visualizations has your back. Safe to install on any v7+ site it does no database amends just amaze-balls graphs. Install it and get on over to the Settings section and check out the new "Back Office Visualisation" tab to start drooling.

See it in action here: https://www.youtube.com/watch?v=pmRFipRIfCA&feature=youtu.be

Change Log

1.1.0

  • Added a table that lists doctypes & relationships and allows them to be hidden on the graph.

1.0.0

  • Initial Release

 

]]>
Offroadcode Tue, 22 Dec 2015 19:53:38 +00:00
RB - Umbraco CleanUp Manager https://our.umbraco.org/projects/developer-tools/rb-umbraco-cleanup-manager/ https://our.umbraco.org/projects/developer-tools/rb-umbraco-cleanup-manager/ The CleanUp Manager allows the cleansing of orphan Data and Content Types within an Umbraco application. The current version is only compatible with version 7 of Umbraco.

If you'd like to contribute to the package, please visit https://bitbucket.org/rbdigital/umbraco-clean-up-manager/, fork the repository and send a pull request.

]]>
RB Wed, 16 Dec 2015 14:56:21 +00:00
Lingumania Website Translation https://our.umbraco.org/projects/website-utilities/lingumania-website-translation/ https://our.umbraco.org/projects/website-utilities/lingumania-website-translation/ Lingumania lets you translate your site in context and launch localized versions of your website the quick and easy way. 

Why should you install this?

Umbraco has a decent support for localization, perhaps better than many other CMSs. The problem though is that it involves programming, when your programming time could be better spent elsewhere. Wouldn't it be nice if you could just click the content you want translated and enter translations directly on top of your site? If you're tired of syncing your resource files and want a more intuitive way of localizing your site then this package is for you.


What it does?


This package will add a menu to your website that lets you launch our visual translation editor so you can easily translate yourself or order professional translations for your website. The menu also gives you a percentage indicator of current page’s translation progress, and lets you preview each page in new languages while it’s being translated. The menu will only be visible to those with backoffice access, so first make sure you're logged in to your site's backoffice, then visit your site again in the same browser. 


How to install it?


This package will add a widget user control which you can insert in your site's footer. For ex. add it just before the closing </body> tag in Master template like this @{ Html.RenderPartial("~/UserControls/LingumaniaWebsiteTranslation/LinguAdminWidget.ascx"); } And if you decide to uninstall this package, make sure you remove it;)

 

 

]]>
lingu Fri, 11 Dec 2015 21:01:40 +00:00
Tagliatelle Tag Editor https://our.umbraco.org/projects/backoffice-extensions/tagliatelle-tag-editor/ https://our.umbraco.org/projects/backoffice-extensions/tagliatelle-tag-editor/ Tagliatelle is a tag property editor for Umbraco 7+.

Tagliatelle allows you specify a parent content node and child document type. When tags are added to the Tagliatelle editor, it polls your Umbraco content tree to see if those tags exists as content pages under your selected parent node. If not,Tagliatelle will create a new content node based upon your new tag whilst selecting that tag as the value of the current property.

Tagliatelle stores node IDs as a CSV string and can be applied to any document types that exist within your Umbraco site.

 

]]>
Jason Espin Fri, 11 Dec 2015 16:40:46 +00:00
Umbraco Export Data to Excel Text CSV and OpenDocument Spreadsheet using Aspose.Cells https://our.umbraco.org/projects/developer-tools/umbraco-export-data-to-excel-text-csv-and-opendocument-spreadsheet-using-asposecells/ https://our.umbraco.org/projects/developer-tools/umbraco-export-data-to-excel-text-csv-and-opendocument-spreadsheet-using-asposecells/

Umbraco Export Data from database table or custom query to Excel Text CSV and OpenDocument Spreadsheet using Aspose.Cells

aspose cells for netAspose .NET Umbraco Data Exporter to Excel Module allows users to export data directly from local or remote database tables, views and by custom query into Microsoft Excel or OpenOffice Spreadsheet. This module demonstrates the powerful spreadsheet building feature provided by Aspose.Cells. This initial version of the module is enriched with the following cool features to make the Export process simple and easy to use

free download - Aspose .NET Database Data Exporter to Excel video demo - Aspose .NET Database Data Exporter to Excel open source- Aspose .NET Database Data Exporter to Excel

Features in this Release

The release of this module supports the following features.

  • Allow to connect Local MS SQL Server Database
  • Allow to connect Remote MS SQL Server Database
  • Populate all Tables from connected database
  • Populate all Views from connected database
  • Allow to write Custom Query
  • Auto Fit Columns to contents length.
  • Allow to skip string more than 32k in excel cells (LoadOptions)
  • Apply Header Column formating as Bold Text
  • Allow to use as Data Source (Table, Views, Custom Query)
  • Export Data to Microsoft Excel Documents (.xls, .xlsx and .xlsb)
  • Export Data to Tab delimited text document (*.txt)
  • Export Data to CSV (Comma delimited) (*.csv)
  • Export Data to OpenDocument Spreadsheet (*.ods)
  • Option to select desired output format before exporting
  • Exported document is automatically sent to browser for downloading

Aspose. NET Database Data Exporter to Excel Module for Umbraco

Download, Installation and Usage

Please check the links below to find instructions on downloading, installing, configuring and using the module.

There is much more yet to come and many more examples with documentation are available at Aspose Docs. Keep visiting us.

Start a Free Trial Today

Start a free trial today – all you need is to sign up with Aspose. Once you have signed up, you are ready to try powerful file processing features offered by Aspose file format APIs.

Customer Feedback

Your feedback is very important to us. Please feel free to provide feedback and raise feature requirements. We are keen to implement customer driven features since we are a 100% customer driven company.

]]> Aspose Marketplace Wed, 09 Dec 2015 11:44:49 +00:00
Secure Settings https://our.umbraco.org/projects/backoffice-extensions/secure-settings/ https://our.umbraco.org/projects/backoffice-extensions/secure-settings/ Overview

Secure Settings is a way to store important application settings through encrypted means. Usernames, passwords, shared keys & secret URL's are all great examples of items you may not want to store in the web.config or a DB unencrypted.

Secure Settings is a custom section that allows you to configure and store you key value pairs. This package also includes a property editor that you can place on a document type encrypts a single value should you prefer to organize you settings in that way.

If you are familiar with Redis, this is a very light version of some of that functionality. There is caching support included.

Encryption

Secure Settings uses AES 256-bit encryption to store your information securely to the Umbraco database. The cipher key by default is stored in the web.config but can be moved to an external server to avoid storing the key with the data. While obvious, please use secure methods to transmit the cipher key.

Once values have been encrypted with a particular key, it becomes computationally difficult to decrypt by various hacking methods. Please do not lose your key as there are no backdoors to your data. Backing up your key in a secure location is highly recommended.

A word about security

There is no such thing as 100% security. Security is best handled in layers. Secure Settings should be views as just a layer of security and does not guarantee complete security. It is still the responsibility of the developer to assess and implement appropriate security measures.

This software as not been tested for Payment Card Industry (PCI) compliance. Use for those purposes at your own risk.

API

There is both C# and Angular support for working with values.

Secure String

Included in this package is additional functionality via a property editor named Secure String. It allows you to add an encrypted value as a textbox to any document type. The value is stored in the cache and DB as an encrypted value.

Recommendations and Notes

  • Store your cipher key on a different server. Use SSL to set/retrieve it.
  • Use SSL for the Umbraco backoffice. If someone compromises an admin login, they can get access to decrypted values.
  • If your key becomes compromised, you will need to change the key and re-enter your settings. At this time there is no easy way to change your key.
  • Backup your key securely. Anyone with the key and a copy of your database can eventually get your data.

Nuget!

https://www.nuget.org/packages/G42.SecureSettings/

]]>
Kevin Giszewski Fri, 04 Dec 2015 18:33:13 +00:00