The conflict goes back a long way with how enfold does css. You use #top and not just a .avia_top_content class. There is some sort of precedence given to ids over classes. So only way I could fix this is to take all the ninja form css and prefix them with #top so for example:

.nf-field-description {
width: 100%;
-ms-flex-order: 10;
order: 10;
}

becomes:

#top .nf-field-description {
width: 100%;
-ms-flex-order: 10;
order: 10;
}

You can close the topic.

Hi Rikard,

You can go ahead an close the topic.

Peernet

Unfortunately we can’t because the issue is on a UAT site that cannot be accessed from the outside.

Also if you use Lunametrics for GA tracking:

https://github.com/lunametrics/youtube-google-analytics

A LayerSlider with a video will hang forever in loading. Not a problem in the past.

I like to track my views in Google Analytics now it’s broken.

Sorry, but updating to 3.8.5 makes no difference. Preview changes is still wrong.

Yes, I did wrap the code in sperate blocks and can get it to partly work but then I lose my spans that highlight elements in the code block.

The fact is the architecture of the component editors are wrong. If you had followed the technique the tinyMCE used it would have worked but the fact is this component does not.

The tinyMCE encodes the data in htmlentities format from the server side so that escaped html is not interpreted by the browser when embedded in the textarea.

The templatebuilder does not and this is where everything starts to break down.

I as said: I started to fix this issue properly but ran into two issues when testing. The tab/editor protocol is different in some way from the textcode/codeblock to editor functionality so did not operate correctly. And on save, still was getting random lose of information on some elements but this in my lack of understanding the save process and probably could have figuire it out in another day.

The fact remains, any escaped html will not remain intact because the browsers are transforming them back to unescaped format.

I agree that you can use it if you stick to just plain HTML and do not do anything fancy. But I expected more.

I understand you are looking for us to give you live access but it is not environmental.

I know it has to do with any escaped html in a codeblock or a textblock.

I can see the issue in the debugger php and javascript debugger. I just do not sure which side is a fault yet.

Basically, for codeblock the contents are interpreted somewhere along the way causing the escaped html to be lost (unescaped).

You can do this yourself by simply entering the following code in a codeblock. I assume you have access to enfold theme (press update and you will see the error).

<div style="margin-left: 15px; line-height: 15px; font-size: 12px; font-family: courier; background-color: #e2e2e2; padding-left: 5px;">
<pre><code><?xml version="1.0" encoding="utf-8"?>
<Profile Type="0"
         DisplayName="TIFF 200dpi Optimized Color"
         Description ="Word Printed 2-Up with Comments and Date Replacement.">

  <Settings>

    <span style="background-color: yellow;"><strong><!--Word Specific  options --></strong></span>
    <span style="background-color: yellow;"><strong><add Name="Microsoft.Word.Document.PrintOut.Item" Value="DocumentAndMarkup"/></strong></span>
    <span style="background-color: yellow;"><strong><add Name="Microsoft.Word.PageSetup.TwoPagesOnOne" Value="True"/></strong></span>
    <span style="background-color: yellow;"><strong><add Name="Microsoft.Word.ReplaceFieldDateWith" Value="***DATE***"/></strong></span>

    <!-- Output file options -->
    <add Name="Devmode settings;Resolution" Value="200"/>
    <add Name="Save;Output File Format" Value="TIFF Multipaged"/>
    <add Name="Save;Append" Value="0"/>
    <add Name="Save;Color reduction" Value="Optimal"/>
    <add Name="Save;Dithering method" Value="Halftone"/>

    <!-- TIFF Compression Options -->
    <add Name="TIFF File Format;BW compression" Value="Group4"/>
    <add Name="TIFF File Format;Color compression" Value="LZW RGB"/>
    <add Name="TIFF File Format;Indexed compression" Value="LZW"/>
    <add Name="TIFF File Format;Greyscale compression" Value="LZW"/>
    <add Name="JPEG File Format;Color compression" Value="Medium Quality"/>
    <add Name="JPEG File Format;Greyscale compression" Value="High Quality"/>
    <add Name="Image Options;Fax" Value="0"/>

  </Settings>
</Profile></code></pre>
</div>

This following code is wrong!!!!!

/**
* takes some text in shortcode format (eg: [avia_textblock]this is test[/avia_textblock]) and converts it to an editable element on
* the AviaBuilder canvas. only executed at page load or when the editor is switched from default wordpress to avia builder
*/
convertTextToInterface: function(text)
{
if(this.activeStatus.val() != “active”) return;

this.body_container.addClass(‘avia-advanced-editor-enabled’);

var obj = this, editor;

if(typeof text == “undefined”)
{
text = this.secureContent.val(); //testdrive: val() to html()
if(text.indexOf(‘[‘) === -1)
{
text = this.classic_textarea.val(); //testdrive: val() to html()
if(this.tiny_active) text = window.switchEditors._wp_Nop(text);
this.secureContent.val(text);
}
}

// if(this.tiny_active) text = window.switchEditors._wp_Nop(text); // moved up 5 lines in order to fix this: https://github.com/AviaThemes/wp-themes/issues/573

//sends the request. calls the the wp_ajax_avia_ajax_fetch_shortcode php function
$.ajax({
type: “POST”,
url: ajaxurl,
data:
{
action: ‘avia_ajax_text_to_interface’,
text: text
},
success: function(response)
{
$(‘#content-tmce’).trigger(‘click’);
obj.sendToAdvancedEditor(response);
//obj.updateTextarea(); //dont update textarea on load, only when elements got edited
obj.canvas.removeClass(‘preloading’);
obj.do_history_snapshot();
}
});

—————————–

The line:
text = this.secureContent.val(); //testdrive: val() to html()

Should be:
text = this.secureContent.html(); //testdrive: val() to html()

I can see many val() to html() testdrive comments, but for sure this needs to be in html format for the POST operation.

I did figure out how to enable the post navigation by overriding avia_post_nav in my child theme and commenting out:

//dont display if a fullscreen slider is available since they overlap
// if((class_exists(‘avia_sc_layerslider’) && !empty(avia_sc_layerslider::$slide_count)) ||
// class_exists(‘avia_sc_slider_full’) && !empty(avia_sc_slider_full::$slide_count) ) $settings[‘is_fullwidth’] = true;

Also, do not understand why a Code Block in advanced layout is doing anything to the HTML/CSS/Javascript. It should just be a raw dump of what is inside the element but it keeps parse it and not treat it as a RAW element.

I need it to be RAW!!!!

Rikard,

Sites internal but this is what I have figured out so far.

I had to switch to Advanced Layout to add an Advanced LayerSlider so it was full width header but I would have preferred to just have an two Layout settings added just like you do for sidebar settings on each page/post. One for:

LayeredSlider Heading
LayeredSlider Footing

Or even just some shortcode code you can add to the Heading and Footing that are full width, so we did not have to switch to Advanced Layout.

Anyways: If you create a text code or code block with the following, after you update the escaped HTML is removed.

1. Stop Watch Folder Service. (Start – Programs – PEERNET Document Conversion Service 2.0 – Watch Folder – Stop Watch Folder Service)
2. Open Watch Folder configuration file. (Start – Programs – PEERNET Document Conversion Service 2.0 – Watch Folder – Configure Watch Folder Settings)
3. Add the following lines:
   • <add Name=”Microsoft.Word.Document.PrintOut.Item” Value=”DocumentAndMarkup” />
   • <add Name=”Microsoft.Word.PageSetup.TwoPagesOnOne” Value=”True” />
   • <add Name=”Microsoft.Word.ReplaceFieldDateWith” Value=”***DATE***” />
   • For a complete list of settings and values, see Word Converter Options in the User Guide.

What I found out this morning is If you put a space between the ‘<add’ and code it as ‘< add’ as shown below. Then in at least text block, the HTML remains escaped but why (did not test code block yet)?

1. Stop Watch Folder Service. (Start – Programs – PEERNET Document Conversion Service 2.0 – Watch Folder – Stop Watch Folder Service)
2. Open Watch Folder configuration file. (Start – Programs – PEERNET Document Conversion Service 2.0 – Watch Folder – Configure Watch Folder Settings)
3. Add the following lines:
   • < add Name=”Microsoft.Word.Document.PrintOut.Item” Value=”DocumentAndMarkup” />
   • < add Name=”Microsoft.Word.PageSetup.TwoPagesOnOne” Value=”True” />
   • < add Name=”Microsoft.Word.ReplaceFieldDateWith” Value=”***DATE***” />
   • For a complete list of settings and values, see Word Converter Options in the User Guide.

So it appears the < needs a space following it to keep it escaped. But why?????