Copied to clipboard

Flag this post as spam?

This post will be reported to the moderators as potential spam to be looked at


  • paco 25 posts 155 karma points
    Jan 08, 2021 @ 13:39
    paco
    0

    [SOLVED] - Doc Type Grid Editor for Umbraco 7.15.5 and .NET Framework 4.7.2

    Hi all,

    I have migrated a site from Umbraco 7.5.6 to Umbraco 7.15.5 and I have upgraded the framework to 4.7.2, but the DocTypeGridEditor Plugin does not work.

    I have seen the page of this plugin: https://our.umbraco.com/packages/backoffice-extensions/doc-type-grid-editor/

    and the version that I should install (0.6.1) is compliant with Umbraco versions from 7.6.X to 7.12 and framework 4.5:

    enter image description here

    So, Is there no possibility to use this plugin in my site?

    Thanks for the answers.

  • Marc Goodson 2138 posts 14321 karma points MVP 8x c-trib
    Jan 08, 2021 @ 21:43
    Marc Goodson
    0

    Hi Paco

    When you say it doesn't work, do you get a particular error?

    One issue maybe a caching of the old Doc Type Grid Editor script files, so ensure to increase the Client Dependency version number in the /config/clientdependency.config file to ensure Umbraco is loading the freshest version of the Doc Type Grid Editor assets.

    Also did the upgrade 'wipe out' your existing Doc Type Grid Editor configurations - eg are they still present in /config/grid.editors.config.js ? or sometimes they are defined in the app_plugins folder in a package.manifest file.

    regards

    Marc

  • paco 25 posts 155 karma points
    Jan 11, 2021 @ 10:25
    paco
    0

    Hi Marc, At the moment I haven't upgraded yet the DTGE plugin. I have upgraded only the Umbraco version and the .NET Framework of my solution.

    This is the error I see in Umbraco backoffice area (for a content where I use the data grid, see the red error message in the screensot below):

    enter image description here

    Following your suggestion, I have checked the grid.editors.config file before and after upgrade.

    This is the content of that file BEFORE the upgrade:

    [
        {
            "name": "Rich text editor",
            "alias": "rte",
            "view": "rte",
            "icon": "icon-article"
        },
        {
            "name": "Image",
            "alias": "media",
            "view": "media",
            "icon": "icon-picture"
        },
        {
            "name": "Macro",
            "alias": "macro",
            "view": "macro",
            "icon": "icon-settings-alt"
        },
        {
            "name": "Embed",
            "alias": "embed",
            "view": "embed",
            "icon": "icon-movie-alt"
        },
        {
            "name": "Headline",
            "alias": "headline",
            "view": "textstring",
            "icon": "icon-coin",
            "config": {
                "style": "font-size: 36px; line-height: 45px; font-weight: bold",
                "markup": "<h1>#value#</h1>"
            }
        },
        {
            "name": "Quote",
            "alias": "quote",
            "view": "textstring",
            "icon": "icon-quote",
            "config": {
                "style": "border-left: 3px solid #ccc; padding: 10px; color: #ccc; font-family: serif; font-variant: italic; font-size: 18px",
                "markup": "<blockquote>#value#</blockquote>"
            }
        },
      {
        "name": "Doc Type",
        "alias": "docType",
        "view": "/App_Plugins/DocTypeGridEditor/Views/doctypegrideditor.html",
        "render": "/App_Plugins/DocTypeGridEditor/Render/DocTypeGridEditor.cshtml",
        "icon": "icon-item-arrangement",
        "config": {
            "allowedDocTypes": [
              "businessSolutions",
              "bannerWithBackgroundImage",
              "bannerWithWithExtendingImage",
              "eventOrTraining",
              "threeColumnContent",
              "twoColumnContentWithVideo",
              "homeNewsListing",
              "twoColumnNewsListingWithImage",
              "linkBoxesWithDownloadButtons",
              "introductionText",
              "pressRelease",
              "bannerWithTopLogo",
              "mktSolutions",
              "infoBoxes",
              "oneColumnLinkToPage",
              "sliderBoxes",
              "threeColumnBoxesTitleWithImage",
              "introductionTextFull"
            ],
            "nameTemplate": "",
            "enablePreview": true,
            "viewPath": "/Views/Partials/Grid/Editors/DocTypeGridEditor/",
            "previewViewPath": "/Views/",
            "previewCssFilePath": "/Views/Partials/Grid/Editors/DocTypeGridEditor/Previews/Css/dtge.css",
            "previewJsFilePath": "/Views/Partials/Grid/Editors/DocTypeGridEditor/Previews/Js/dtge.js"
        }
      }
    ]
    

    And this is the content AFTER upgrade:

      [
            {
                "name": "Rich text editor",
                "alias": "rte",
                "view": "rte",
                "icon": "icon-article"
            },
            {
                "name": "Image",
                "alias": "media",
                "view": "media",
                "icon": "icon-picture"
            },
            {
                "name": "Macro",
                "alias": "macro",
                "view": "macro",
                "icon": "icon-settings-alt"
            },
            {
                "name": "Embed",
                "alias": "embed",
                "view": "embed",
                "icon": "icon-movie-alt"
            },
            {
                "name": "Headline",
                "alias": "headline",
                "view": "textstring",
                "icon": "icon-coin",
                "config": {
                    "style": "font-size: 36px; line-height: 45px; font-weight: bold",
                    "markup": "<h1>#value#</h1>"
                }
            },
            {
                "name": "Quote",
                "alias": "quote",
                "view": "textstring",
                "icon": "icon-quote",
                "config": {
                    "style": "border-left: 3px solid #ccc; padding: 10px; color: #ccc; font-family: serif; font-style: italic; font-size: 18px",
                    "markup": "<blockquote>#value#</blockquote>"
                }
            }
        ]
    

    As you can see, there is something different in two files. Should I put the missing piece into the new grid.editors.config.js files ?

    Thanks

  • Marc Goodson 2138 posts 14321 karma points MVP 8x c-trib
    Jan 11, 2021 @ 20:55
    Marc Goodson
    100

    HI Paco

    Yes, during your upgrade, if via Nuget, then the .config files can get overriden with the default values for that version.

    https://our.umbraco.com/documentation/getting-started/setup/upgrading/general#are-you-using-nuget

    So here your grid.config.js file has been reset, to be the default configuration for Umbraco 7.15.5

    And the bit that is missing is the configuration for all your Doc Type Grid Editors to work with the plugin.

    So yes, if you reinstate the config for the Doc Type Grid Editor in this file, and restart your site, hopefully you should get editable content again!!!

    regards

    marc

  • paco 25 posts 155 karma points
    Jan 12, 2021 @ 09:10
    paco
    0

    Hi Marc,

    I added the missing piece in the grid.config.js file, and DTGE is working properly. In backoffice i see the content (the same i saw before the upgrade) and not the error message.

    I will mark this topic as "solved". Thanks for your support ;)

    Cheers, Paco

  • Marc Goodson 2138 posts 14321 karma points MVP 8x c-trib
    Jan 12, 2021 @ 17:28
    Marc Goodson
    0

    Yey!, glad you got it working!

Please Sign in or register to post replies

Write your reply to:

Draft