Products

Solutions

Resources

Partners

Community

Blog

About

QA

Ideas Test

New Community Website

Ordinarily, you'd be at the right spot, but we've recently launched a brand new community website... For the community, by the community.

Yay... Take Me to the Community!

Welcome to the DNN Community Forums, your preferred source of online community support for all things related to DNN.
In order to participate you must be a registered DNNizen

HomeHomeDevelopment and...Development and...Building ExtensionsBuilding ExtensionsSkinsSkinsPrevent page reload on Drag&DropPrevent page reload on Drag&Drop
Previous
 
Next
New Post
1/19/2017 9:45 AM
 

Hi Timo,

Due to Sebastian comment "contentPane is converted into a user control and therefore cannot reside inside a skin object (which already is a user control)" wrapping the Skin contents into a Skin Object is not a option.

Did you have to time test? Have you found any solution to the problem?

Thanks,

Nick

 

 
New Post
1/30/2017 9:01 AM
 
Mikalai Sauchanka wrote:

Hey,

There's a new feature in DNN9 to drag-n-drop modules. My problem is that in my skin's ascx files I use a lot of <%%> constructions which cause the page to reload after dropping a module into a new location.

To reproduce, simply add 

<%If (True) Then %>   Test


<%End If %>

to theme's ascx file. The page will be fully refreshed after doing d&d.

Is there any solution to prevent full page refresh?

Thanks,

Nick

 I finally had time to test. :-)
I just tested with 2 different skins, the default and one of my own.
They both reload the page when I move a module or after I add a new module. (without or with an <%if %> in it)
So I'm not sure what you meant  I guess?

 
New Post
2/4/2017 8:05 AM
 

Hi Timo,

Thanks for spending your time on investigation.

When you add a module, the page is reloaded, which is fine.

But for drag-n-drop it's not. My scenario is:

1. Create a page with default skin

2. Add two HTML build-in modules

3. Move them with mouse

The page is not reloaded, which is expected. But, if you add smth like this <%If (True) Then %> <%End If %> to the skin's page, you will get the complete page reload.

Can you please confirm that?

Cheers,

Nick

 
New Post
2/4/2017 11:58 AM
 
   Hi Nick,  
   I already tested this last week and I always got a postback, but now I do see it as you describe. Weird.  
   I also tested our skin object, which also uses conditions too and with that it does seem to work.  
   I tested wit the Xcillion Home skin and used this:  
     
   <%@ Register TagPrefix="fortyfingers" TagName="STYLEHELPER" Src="~/DesktopModules/40Fingers/SkinObjects/StyleHelper/StyleHelper.ascx" %>  
     
    <!-- Page Content -->  
       <div class="container">  
           <main role="main">  
               <div class="row dnnpane">  
     
                   <div class="col-xs-12">  
                       <h1><fortyfingers:STYLEHELPER id="FFSH1" IfBrowser="firefox" Content="Using FireFox" runat="server" />  
                       <fortyfingers:STYLEHELPER id="FFSH2" IfBrowser="chrome" Content="Using Chrome" runat="server" /></h1>  
                       <h2><%="Test Inline Value"%></h2>  
                   </div>
  
 
   The <%= %> in the H2 also causes a postback on drag and drop, but there is something else.  
   Empty panes have 0 width when there's a condition, so I'm guessing DNN sees the skin as a "legacy skin".  
   DNN does not inject the sync divs it seems:  
     
     
   HTML Without inline conditions:  
   <div class="col-md-12">  
       <div class="RadAjaxPanel col-md-12 headerPane" id="dnn_dnn_HeaderPane_SyncPanelPanel">  
       <div id="dnn_HeaderPane_SyncPanel" class="">  
           <!-- 2013.2.717.40 --><div id="dnn_HeaderPane" class="DNNEmptyPane dnnSortable EditBarEmptyPane dnnModuleManager ui-sortable">  
     
   HTML Without inline conditions:  
   <div class="col-md-12">  
       <div class="RadAjaxPanel col-md-12 headerPane" id="dnn_dnn_HeaderPane_SyncPanelPanel">  
       <div id="dnn_HeaderPane_SyncPanel" class="">  
           <!-- 2013.2.717.40 --><div id="dnn_HeaderPane" class="DNNEmptyPane dnnSortable EditBarEmptyPane dnnModuleManager ui-sortable">  
     
   HTML With inline conditions the extra divs are absent ("RadAjaxPanel ").  
     
   BTW, the Xcillion skin uses bootstrap classes on the panes, which is something I never do.  
   The width of the empty pane issues is fixed by separating them, but it also shows that DNNs drag and drop CSS influences the panes.  
     
   <div id="HeaderPane" class="col-md-12 headerPane" runat="server"></div>   
     
   VS  
     
   <div class="col-md-12">  
        <div id="HeaderPane" class="col-md-12 headerPane" runat="server"></div>   
   <div>
 
Previous
 
Next
HomeHomeDevelopment and...Development and...Building ExtensionsBuilding ExtensionsSkinsSkinsPrevent page reload on Drag&DropPrevent page reload on Drag&Drop


These Forums are dedicated to discussion of DNN Platform and Evoq Solutions.

For the benefit of the community and to protect the integrity of the ecosystem, please observe the following posting guidelines:

  1. No Advertising. This includes promotion of commercial and non-commercial products or services which are not directly related to DNN.
  2. No vendor trolling / poaching. If someone posts about a vendor issue, allow the vendor or other customers to respond. Any post that looks like trolling / poaching will be removed.
  3. Discussion or promotion of DNN Platform product releases under a different brand name are strictly prohibited.
  4. No Flaming or Trolling.
  5. No Profanity, Racism, or Prejudice.
  6. Site Moderators have the final word on approving / removing a thread or post or comment.
  7. English language posting only, please.
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out