logo
Welcome to our new AbleCommerce forums. As a guest, you may view the information here. To post to this forum, you must have a registered account with us, either as a new user evaluating AbleCommerce or an existing user of the application. For all questions related to the older version of Gold and earlier, please go to AbleCommerce Gold forum. Please use your AbleCommerce username and password to Login. New Registrations are disabled.

Notification

Icon
Error
9.0.6 Widget Layout Source Editor "-mask"
Options
Go to last post Go to first unread
Previous Topic Next Topic
sweeperqb  
#1 Posted : Thursday, May 19, 2022 2:44:31 AM(UTC)
sweeperqb

Rank: Advanced Member

Groups: Authorized User, Developers
Joined: 5/30/2020(UTC)
Posts: 125

Thanks: 14 times
Was thanked: 3 time(s) in 3 post(s)
I am attempting to use the Widget layout source editor to switch from fixed width to fluid. When I was updating the Store Compact Header, I noticed every time I save it keeps changing my container-fluid class to container-flui-maskd.

It also appended ui-sortable-handle-mask to the <div> around each @RenderZone. With each save it keeps appending and additional -mask to those classes. So after the 3rd save, the class surrounding @RenderZone is ui-sortable-handle-mask-mask-mask.

So this is what it looks like now:

Code:
<div class="top-header hidden-xs">
    <div class="container-flui-maskd">
        <div class="row">
            <div class="column col-md-7 col-xs-7 col-sm-7">
                <!--WIDGET-ZONE--><div class="ui-sortable-handle-mask-mask-mask ui-sortable-handle-mask-mask">@{RenderZone("Header Top Left");}</div><!--/WIDGET-ZONE-->
            </div>
            <div class="column col-md-5 text-right col-xs-5 col-sm-5">
                <!--WIDGET-ZONE--><div class="ui-sortable-handle-mask-mask-mask ui-sortable-handle-mask-mask">@{RenderZone("Header Top Right");}</div><!--/WIDGET-ZONE-->
            </div>
        </div>
    </div>
</div>
<div class="row no-side-margin">
    <div class="column no-side-padding col-md-12 col-sm-12 col-xs-12"><!--gm-editable-region-->
        <header id="store-header-compact" class="navbar navbar-default navbar-static-top" data-store-editing-enabled="@IsEditModeEnabled">
            <div class="container-flui-maskd">
                <!--WIDGET-ZONE--><div class="ui-sortable-handle-mask-mask-mask ui-sortable-handle-mask-mask">@{RenderZone("Store Menu");}</div><!--/WIDGET-ZONE-->
            </div>
        </header>
    <!--/gm-editable-region--></div>
</div>
<div class="row no-side-margin">
    <div class="column no-side-padding col-md-12 col-sm-12 col-xs-12">
    <!--WIDGET-ZONE--><div class="ui-sortable-handle-mask-mask-mask ui-sortable-handle-mask-mask">@{RenderZone("Header Basket");}</div><!--/WIDGET-ZONE-->
    </div>
</div>
Back to top

Wanna join the discussion?! Login to your AbleCommerce Forums forum account. New Registrations are disabled.
Back to top  
judy at Web2Market  
#2 Posted : Thursday, May 19, 2022 5:58:23 AM(UTC)
judy at Web2Market

Rank: Advanced Member

Groups: Developers
Joined: 11/7/2018(UTC)
Posts: 289

Thanks: 21 times
Was thanked: 5 time(s) in 5 post(s)
Our designer had noted that also. I think she has to edit the files after she saves them.
Back to top
sweeperqb  
#3 Posted : Thursday, May 19, 2022 8:12:15 AM(UTC)
sweeperqb

Rank: Advanced Member

Groups: Authorized User, Developers
Joined: 5/30/2020(UTC)
Posts: 125

Thanks: 14 times
Was thanked: 3 time(s) in 3 post(s)
So, the work-around is to edit the raw .cshtml view files instead of using the built-in layout editor?
Back to top
Users browsing this topic
Guest
Forum Jump  
You cannot post new topics in this forum.
You cannot reply to topics in this forum.
You cannot delete your posts in this forum.
You cannot edit your posts in this forum.
You cannot create polls in this forum.
You cannot vote in polls in this forum.

Privacy Policy | Powered by YAF.NET 2.2.4.14 | YAF.NET © 2003-2024, Yet Another Forum.NET
This page was generated in 0.121 seconds.