Skip to main content

Customising Umbraco's Default Grid Editors


  1. Create a new directory in App_Plugins called anything you like.  This will be your "package" directory
  2. Copy the web.config file that's inside the main "Views" directory (not your project's main web.config!) into your package directory.  This is needed for MVC to work properly
  3. Create a package.manifest file and put this in it (come back and modify these properties as necessary):

    {
     "gridEditors":
     [{
      "name": "Speaker Portrait",
      "alias": "speakerPortrait",
      "view": "media",
      "render": "/app_plugins/yourpackagedir/MediaMarkup.cshtml",
      "icon": "icon-picture",
      "config":
      {
       "style": "height:270px; width:187px",
       "markup": ""<a class='image featured'>#value#</a>""
      }
     }]
    }
    
  4. Find the .cshtml file for the editor you're modifying in \Views\Partials\Grid\Editors and copy it into your package directory
  5. Edit that to add the functionality you want, I added "markup" to the media editor like so:

    @model dynamic
    @using Umbraco.Web.Templates
    
    @if (Model.value != null)
    {
        var url = Model.value.image;
        if(Model.editor.config != null && Model.editor.config.size != null){
            url += "?width=" + Model.editor.config.size.width;
            url += "&height=" + Model.editor.config.size.height;
    
            if(Model.value.focalPoint != null){
                url += "&center=" + Model.value.focalPoint.top +"," + Model.value.focalPoint.left;
                url += "&mode=crop";
            }
        }
    
        var element = $"<img src=\"{url}\" alt=\"{Model.value.altText}\">";
        string markup = Model.editor.config.markup.ToString();
    
        if (!markup.Contains("#value#"))
        {
            throw new Exception("Error: markup not configured correctly");
        }
    
        markup = markup.Replace("#value#", element);
        @Html.Raw(markup);
    
        if (Model.value.caption != null)
        {
            <p class="caption">@Model.value.caption</p>
        }
    }
    

Comments

Popular posts from this blog

'A section using configSource may contain no other attributes or elements' error after installing Application Insights

After installing the Application Insights nuget package to an Umbraco solution, you'll get this error:

A section using 'configSource' may contain no other attributes or elements

<ExamineLuceneIndexSets configSource="config\ExamineIndex.config" />
     <log4net configSource="config\log4net.config">
         <root>
             <level value="ALL" />
             <appender-ref ref="aiAppender" />
Source File: \project\web.config

This happens because part of the Application Insights installation process adds a <log4net> section to web.config.  Which would make sense, except Umbraco already has a <log4net> section in /config/log4net.config.  So as you can imagine, the solution is to manually move everything its added into that file. Unfortunately you can't just copy/paste the whole lot, but it's not particularly complicated:


Move <appender-ref ref="aiAppender" /> into the lo…

Handling double-quoted CSVs in Azure Data Factory Pipelines

Azure Data Factory by default uses a backslash as the escape character for CSVs, but we ran into an issue with this today processing one of the CSV files from data.gov.au.  As with most CSVs they use quotes around values as normal and with double-quotes for empty values, but they also use double-quotes to escape quotes within non-empty values. This probably sounds confusing, so here's an example:

"column 1","column 2","","column 4 value is ""sort of"" like this"

The ADF pipeline failed because the double-quotes don't get escaped correctly:
ErrorCode=UserErrorSourceDataContainsMoreColumnsThanDefined, found more columns than expected column count.

The solution was to change the "Escape character" property on the dataset, by clicking the "Edit" button beneath it and manually entering "", since "" isn't in the list of escape characters.  I didn't think this would work at fir…

How to make yourself a Dynamics CRM 2011 Deployment Administrator

Today I needed to deactivate one of our Dynamics organisations, but when I opened the Dynamics Deployment Manager, I received the following error:

"Only the Deployment Administrators are able to use Deployment Manager. You are not a Deployment Administrator."
Bummer. I did a bit of Googling and found this post by Ronald Lemmen (thanks for pointing me in the right direction!).  Since the Dynamics Deployment Manager is obviously checking the MSCRM_CONFIG database for this information I attached a database trace to it and found that it's executing these queries (among many others):

exec sp_executesql N'SELECT  Id, [DefaultOrganizationId], [IsDisabled], [Name]   FROM [SystemUser]   WHERE ((([Name] = @Name0)) ) AND (IsDeleted = 0) ', N'@Name0 nvarchar(41)',@Name0=N'{My windows domain account}'
exec sp_executesql N'SELECT  Id, [Name], [UniqueifierId]   FROM [SecurityRole]   WHERE ((([Name] = @Name0)) ) AND (IsDeleted = 0) ', N'@Name0 nvarchar…