Why isn't Image Resizer in 2SXC is not working

Question

I am trying to use 2SXC with DNN and I can't get the Image Resize functions to work. Basically, they do nothing. I have installed a new DNN 9.12 portal, installed the 2SXC, and started working through the tutorials. 2SXC seems to work but the Image Resizer functionality isn't working at all.

Here is my Template and a screen shot showing the result:

@inherits Custom.Hybrid.Razor14
@{
  var imgUrl2 = @Content.Image.ToString();
}

<div class="row mb-4 mb- md-5" @Edit.TagToolbar(Content)>
    <div class="col-md-4 order-md-1" style="background: gray;">
        <img class="img-fluid" src='@Content.Image?w=50&h=50' alt="@Content.Name" />        
    </div>
    <div class="col-md-8 order-md-4">
        <h1>
            @Content.Name
        </h1>
        @Html.Raw(@Content.Description)
    </div>
</div>
@imgUrl2
<br>
<img loading="lazy" src="@Link.Image(url: imgUrl2, width: 200)">

Here is the output HTML:

    <div id="dnn_ctr386_ModuleContent" class="DNNModuleContent Mod2sxcappC">
         <div class="sc-content-block" data-cb-instance="386" data-cb-id="386">
          <div class="row mb-4 mb- md-5">
           <div style="background: gray;" class="col-md-4 order-md-1">
            <img class="img-fluid" src="/portaldev/Portals/0/adam/BucketList/jKW1MSja7UiF1Fj0KQMfug/Image/20070411_005.jpg?w=50&amp;h=50" alt="Travel to Germany">        
           </div>
           <div class="col-md-8 order-md-4">
            <h1>
             Travel to Germany
            </h1>
            <ul>
             <li>Visit Hans</li>
             <li>Visit Neuschwanstein</li>
             <li>Ski the Zugspitze</li>
            </ul>
           </div>
          </div>
          /portaldev/Portals/0/adam/BucketList/jKW1MSja7UiF1Fj0KQMfug/Image/20070411_005.jpg
          <br>
          <img loading="lazy" src="/portaldev/Portals/0/adam/BucketList/jKW1MSja7UiF1Fj0KQMfug/Image/20070411_005.jpg?w=200">
         </div>
        </div>

Here is a screen grab showing the images not resizing correctly.

Answer 1

First you should make sure ImageFlow is active (vs. it's not working).

We just updated the docs to provide more in-depth information and guide you through this https://go.2sxc.org/resize.