What's your error? Does the block add to the page at all? Did you try clearing cache?

No error displayed.

I can add the block fine but when I click on to re-edit the block - I see a loading icon and then nothing happens and the loading icon disappears.

cleared the cache a few times

Do you only have this with List Designer block types? Or does that happen for all blocks?

If it's only with this product, hit F12 in your browser (Chrome) and click the "Network" tab. Now click on your List Designer block to edit it. You will see there's a new entry added at the bottom of the list of network. You can click that. Now something opens on the right of the screen. If you click the "Response" tab here, can you send me the contents (from top to bottom)? There is most likely an error somewhere, that's only displaying in this section.

Thanks in advance and sorry for the inconvenience so far.

Kind regards,

Ramon

Is this the right stuff...


<script
type="text/javascript">ccm_addHeaderItem("/concrete/css/font-awesome.css",
"CSS")</script>
<script
type="text/javascript">ccm_addHeaderItem("/concrete/css/redactor.css",
"CSS")</script>
<script type="text/javascript">ccm_addHeaderItem("/concrete/css/app.css",
"CSS")</script>
<script
type="text/javascript">ccm_addHeaderItem("/concrete/css/jquery-ui.css",
"CSS")</script>
<script
type="text/javascript">ccm_addHeaderItem("/concrete/css/file-manager.css",
"CSS")</script>
<script
type="text/javascript">ccm_addHeaderItem("/concrete/css/select2.css",
"CSS")</script>
<script type="text/javascript">ccm_addHeaderItem("/concrete/js/jquery.js",
"JAVASCRIPT")</script>
<script
type="text/javascript">ccm_addHeaderItem("/concrete/js/redactor.js",
"JAVASCRIPT")</script>
<script type="text/javascript">ccm_addHeaderItem("
http://nautilus.meltdemo.co.uk/ccm/assets/localization/redactor/js&...
"JAVASCRIPT")</script>
<script type="text/javascript">ccm_addHeaderItem("/concrete/js/events.js",
"JAVASCRIPT")</script>
<script
type="text/javascript">ccm_addHeaderItem("/concrete/js/bootstrap/tooltip.js",
"JAVASCRIPT")</script>
<script
type="text/javascript">ccm_addHeaderItem("/concrete/js/underscore.js",
"JAVASCRIPT")</script>
<script
type="text/javascript">ccm_addHeaderItem("/concrete/js/backbone.js",
"JAVASCRIPT")</script>
<script
type="text/javascript">ccm_addHeaderItem("/concrete/js/jquery-ui.js",
"JAVASCRIPT")</script>
<script type="text/javascript">ccm_addHeaderItem("
http://nautilus.meltdemo.co.uk/ccm/assets/localization/jquery/ui/js...
"JAVASCRIPT")</script>
<script type="text/javascript">ccm_addHeaderItem("/concrete/js/select2.js",
"JAVASCRIPT")</script>
<script type="text/javascript">ccm_addHeaderItem("
http://nautilus.meltdemo.co.uk/ccm/assets/localization/select2/js&q...
"JAVASCRIPT")</script>
<script type="text/javascript">ccm_addHeaderItem("
http://nautilus.meltdemo.co.uk/ccm/assets/localization/core/js"...
"JAVASCRIPT")</script>
<script type="text/javascript">ccm_addHeaderItem("/concrete/js/app.js",
"JAVASCRIPT")</script>
<script
type="text/javascript">ccm_addHeaderItem("/concrete/js/jquery-fileupload.js",
"JAVASCRIPT")</script>
<script
type="text/javascript">ccm_addHeaderItem("/concrete/js/file-manager.js",
"JAVASCRIPT")</script>

<a name="_edit150"></a>


<script type="text/javascript">

$(function() {
$('#ccm-block-form').concreteAjaxBlockForm({
'task': 'edit',
'bID': 150,
btSupportsInlineEdit: false
});
});
</script>


<div class="ccm-ui">

<form method="post" id="ccm-block-form" class="validate" action="
http://nautilus.meltdemo.co.uk/ccm/system/dialogs/block/edit/submit...
enctype="multipart/form-data">


<div id="ccm-block-fields">

<script type="text/javascript">
var CCM_EDITOR_SECURITY_TOKEN "1440089692:a4b9d38563b4466f9c396a48966f5720";
var token = function () {
return Math.random().toString(36).substr(2) +
Math.random().toString(36).substr(2);
};

$(document).on('change', 'select.list-type', function () {
var val = $(this).val();
var parent = $(this).parents('.navigation-entry');
switch (val) {
case 'page':
$(parent).find('.page-values, .form-group.anchor,
.form-group.classes').show();
$(parent).find('.url-values, .targetBlank, .file-values,
.data-target').hide();
break;
case 'url':
$(parent).find('.url-values, .targetBlank, .form-group.anchor,
.form-group.classes').show();
$(parent).find('.page-values, .file-values,
.data-target').hide();
break;
case 'file':
$(parent).find('.url-values, .page-values, .form-group.anchor,
.data-target').hide();
$(parent).find('.file-values, .targetBlank,
.form-group.classes').show();
break;
case 'bootstrap_modal':
$(parent).find('.url-values, .page-values, .file-values,
.targetBlank, .form-group.anchor').hide();
$(parent).find('.data-target, .form-group.classes').show();
break;
default:
$(parent).find('.url-values, .page-values, .file-values,
.targetBlank, .form-group.anchor, .data-target,
.form-group.classes').hide();
break;
}
});

$(document).on('click', 'a[data-page-selector-clear]', function (e) {
e.preventDefault();
var container = $(this).parents('[data-page-selector]');
container.find('.ccm-summary-selected-item-label').html('');
container.find('.ccm-sitemap-clear-selected-page').hide();
container.find('input[data-page-selector=cID]').val('');
});

$(document).ready(function () {
var navigationEntriesContainer = $('.navigation-entries');
var _template = _.template($('#navigationTemplate').html());

var attachDelete = function ($obj) {
$obj.click(function (e) {
e.preventDefault();
var deleteIt = confirm('Are you sure?');
if (deleteIt == true) {
$(this).closest('.navigation-entry').remove();
updateEntries();
}
});
};

var attachSortDesc = function ($obj) {
$obj.click(function () {
var myContainer = $(this).closest($('.navigation-entry'));
myContainer.insertAfter(myContainer.next('.navigation-entry'));
});
};

var attachSortAsc = function ($obj) {
$obj.click(function () {
var myContainer = $(this).closest($('.navigation-entry'));
myContainer.insertBefore(myContainer.prev('.navigation-entry'));
});
};

var attachPageSelector = function ($obj) {
$obj.click(function () {
var anchorPageSelector $(this).parents('.page-values').find('a.ccm-sitemap-select-page');
$(anchorPageSelector).trigger('click');
});
};

var attachFileSelector = function ($obj, fID) {
var data = {'inputName': $obj.attr('data-file-selector-name')};
if(fID > 0){
data.fID = fID;
}
$obj.concreteFileSelector(data);
};

var rowID = function () {
var ids = new Array();
$('.navigation-entries').find('.navigation-entry').each(function ()
{
ids.push(parseInt($(this).attr('data-id')));
});
if (ids.length == 0) {
ids.push(0);
}
return Math.max.apply(Math, ids) + 1;
};

var updateEntries = function () {
if ($('.navigation-entries .navigation-entry').length > 0) {
$('.navigation-entries > .alert').hide();
}
else {
$('.navigation-entries > .alert').show();
}
};

var pageSelector = function (e) {
var launcher = $(e);
var name = $(launcher).attr('data-page-selector-launch');
var container = $(launcher).parents('[data-page-selector]');

launcher.dialog();

ConcreteEvent.bind('fileselectorclose', function () {
ConcreteEvent.unbind('ConcreteSitemap.' + name);
ConcreteEvent.unbind('SitemapSelectPage.' + name);
ConcreteEvent.unbind('ConcreteSitemapPageSearch.' + name);
});

launcher.on('click', function () {
var selector = $(this),
handle_select = function (e, data) {
ConcreteEvent.unbind(e);

container.find('.ccm-summary-selected-item-label').html(data.title);

container.find('.ccm-sitemap-clear-selected-page').show();

container.find('input[data-page-selector=cID]').val(data.cID);
$.fn.dialog.closeTop();
};

ConcreteEvent.bind('ConcreteSitemap.' + name, function (event,
sitemap) {
ConcreteEvent.subscribe('SitemapSelectPage.' + name,
function (e, data) {
if (data.instance === sitemap) {
handle_select(e, data);
}
});
});

ConcreteEvent.bind('ConcreteSitemapPageSearch.' + name,
function (event, search) {
ConcreteEvent.subscribe('SitemapSelectPage.' + name,
function (e, data) {
if (data.instance === search) {
handle_select(e, data);
}
});
});
});
};

navigationEntriesContainer.append(
_template({
cID: '168',
linkURL: '',
targetBlank: '',
title: '',
sortOrder: '1',
fieldName: 'VzLf4c7I6K0IS7KnSFhMbzR45rk8HklL',
collectionName: 'secondary 1 - You're Yachting CV',
anchor: '',
classes: '',
dataTarget: ''
})
);
var newEntry = $('.navigation-entry').last();
newEntry.find('select.list-type').val('page');
attachFileSelector(newEntry.find('[data-file-selector]'), 0);

$('.add-navigation-entry-2').click(function (e) {
e.preventDefault();
$('.add-navigation-entry').trigger('click');
});

$('.add-navigation-entry').click(function () {
var fieldName = token();
while ($(navigationEntriesContainer).find('[data-page-selector="' +
fieldName + '"]').length > 0) {
fieldName = token();
}
navigationEntriesContainer.append(
_template({
cID: '',
linkURL: '',
targetBlank: '1',
title: '',
sortOrder: rowID(),
fieldName: fieldName,
collectionName: '',
anchor: '',
classes: '',
dataTarget: ''
})
);
var newEntry = $('.navigation-entry').last();

$(this).closest('.ui-dialog-content').scrollTop($('.navigation-entries').offset().top);

$(this).closest('.ui-dialog-content').scrollTop(newEntry.offset().top);
attachDelete(newEntry.find('.delete'));
pageSelector(newEntry.find('a[data-page-selector-launch]'));
attachSortDesc(newEntry.find('i.sort-down'));
attachSortAsc(newEntry.find('i.sort-up'));
attachPageSelector(newEntry.find('.page-values .control-label'));
attachFileSelector(newEntry.find('[data-file-selector]'));
newEntry.find('select.list-type').trigger('change');
updateEntries();
});

attachDelete($('.delete'));
attachSortAsc($('i.sort-up'));
attachSortDesc($('i.sort-down'));
attachPageSelector($('.page-values .control-label'));
updateEntries();

$.each($('select.list-type'), function () {
$(this).trigger('change');
});

$.each($('a[data-page-selector-launch]'), function () {
pageSelector(this);
});

$('.navigation-entries').sortable({
placeholder: 'navigation-entry navigation-entry-placeholder',
handle: '.handle',
start: function (e, ui) {
ui.placeholder.height(ui.item.height());
}
});
});
</script>

<link rel="stylesheet" type="text/css"
href="/packages/list_designer/blocks/list_designer/form_css/form.css">
<link rel="stylesheet" type="text/css"
href="/packages/list_designer/blocks/list_designer/form_css/bootstrap.fonts.css">

<div class="navigation-block-container"><ul class="nav-tabs nav"
id="ccm-tabs-1658975113"><li class="active"><a href="#"
data-tab="form-entries">Entries</a></li><li class=""><a href="#"
data-tab="form-basics">Basics</a></li><li class=""><a href="#"
data-tab="form-advanced">Advanced options</a></li></ul><script
type="text/javascript">$(function() {
ccm_activateTabBar($('#ccm-tabs-1658975113'));});</script>
<div class="ccm-tab-content" id="ccm-tab-content-form-basics">
<fieldset>
<legend>Basics</legend>
</fieldset>

<div class="left-side">
<div class="form-group">
<label class="control-label" for="listTitle">List
title</label>

<div class="form-input">
<input type="text" id="listTitle" name="listTitle"
value="List Block" maxlength="255" class="form-control ccm-input-text" />
</div>
</div>

<div class="form-group">
<label class="control-label" for="listTitleShown">
Always show list title
<small><br/>Even when no items are available</small>
</label>

<div class="form-input"><select id="listTitleShown"
name="listTitleShown" ccm-passed-value="0" class="form-control"><option
value="0" selected="selected">No</option><option
value="1">Yes</option></select> </div>
</div>
</div>
<div class="right-side">
<div class="form-group">
<label for="noItemsNotice" class="control-label">No items
notice</label>
<div id="noItemsNotice">
</div>
<textarea style="display: none" id="noItemsNotice-content"
name="content"></textarea>


<script type="text/javascript">
var CCM_EDITOR_SECURITY_TOKEN "1440089692:a4b9d38563b4466f9c396a48966f5720";
$(function () {
$("#noItemsNotice").redactor({
minHeight: "200",
"concrete5": {
filemanager: 1,
sitemap: 1,
lightbox: true
},
"plugins": [
"fontcolor", "concrete5"
]
});
});
</script>
</div>
</div>
</div>

<div class="ccm-tab-content" id="ccm-tab-content-form-entries">
<div class="add-navigation-entry">
<div class="btn btn-info">
Add Entry </div>
</div>

<fieldset>
<legend>Entries</legend>
</fieldset>

<div class="navigation-entries">
<div class="alert alert-info">
<i class="glyphicon glyphicon-info-sign"></i>
There are no entries yet. Start with adding entries by
clicking the "Add Entry" button in the top or <a href="#"
class="add-navigation-entry-2">click here</a>. </div>
</div>
</div>

<div class="ccm-tab-content" id="ccm-tab-content-form-advanced">
<fieldset>
<legend>Advanced options</legend>
</fieldset>

<div class="form-group">
<label class="control-label" for="listClass">List class
name(s)</label>

<div class="form-input">
<input type="text" id="listClass" name="listClass" value=""
maxlength="255" class="form-control ccm-input-text" /> </div>
</div>

<div class="form-group">
<label class="control-label" for="listTitleTag">
List title style </label>

<div class="form-input"><select id="listTitleTag"
name="listTitleTag" class="form-control"><option value=""
selected="selected">-- None --</option><option value="em">Emphasized text
(italic font-style)</option><option value="h1">Heading 1
(H1)</option><option value="h2">Heading 2 (H2)</option><option
value="h3">Heading 3 (H3)</option><option value="h4">Heading 4
(H4)</option><option value="h5">Heading 5 (H5)</option><option
value="h6">Heading 5 (H6)</option><option
value="label">Label</option><option value="legend">Legend</option><option
value="p">Paragraph</option><option value="strong">Strong (bold
font-weight)</option><option value="u">Underlined</option></select>
</div>
</div>

<div class="form-group">
<label class="control-label" for="listType">
List type </label>

<div class="form-input"><select id="listType" name="listType"
ccm-passed-value="ul" class="form-control"><option value="ul"
selected="selected">Unordened list (ul)</option><option value="ol">Ordened
list (ol)</option></select> </div>
</div>
</div>
</div>

<script type="text/template" id="navigationTemplate">
<div class="navigation-entry" style="position: relative;" data-id="<%sortOrder %>">
<div class="navigation-entry-header">
<button class="ui-button ui-button-icon-only
ui-dialog-titlebar-close delete"
title="Delete Entry">
<span class="ui-button-icon-primary ui-icon
ui-icon-closethick"></span>
<span class="ui-button-text">Delete Entry</span>
</button>

<div class="handle">
<i class="fa fa-arrows"></i>
</div>

<i class="fa fa-chevron-up sort-up"></i>
<i class="fa fa-chevron-down sort-down"></i>

<div class="navigation-title">
List item <strong>#<%= sortOrder %></strong>
</div>
</div>

<div class="navigation-entry-content">
<div class="form-group">
<label class="control-label" for="items[<%= sortOrder
%>][type]">List item type</label>

<div class="form-input">
<select name="items[<%= sortOrder %>][type]"
id="items[<%= sortOrder %>][type]" class="form-control list-type">
<option value="page">Page</option>
<option value="url">External URL</option>
<option value="file">File</option>
<option value="text">Text</option>
<option value="bootstrap_modal">Bootstrap
Modal</option>
</select>
</div>
</div>

<div class="form-group page-values" style="display: none;">
<label class="control-label">
Page </label>

<div class="form-input">
<div class="ccm-summary-selected-item"
data-page-selector="<%= fieldName %>">
<div class="ccm-summary-selected-item-inner">
<strong class="ccm-summary-selected-item-label">
<%= collectionName %>
</strong>
</div>

<a class="ccm-sitemap-select-page"
data-page-selector-launch="<%= fieldName %>"

href="/index.php/tools/required/sitemap_search_selector?cID=<%= cID %>"
dialog-width="90%"
dialog-height="70%"
dialog-append-buttons="true"
dialog-modal="false"
dialog-title="Choose Page"

dialog-on-close="Concrete.event.fire('fileselectorclose', '<%= fieldName
%>');">
Select Page </a>

<a href="#"
dialog-sender="<%= fieldName %>"
data-page-selector-clear="<%= fieldName %>"
class="ccm-sitemap-clear-selected-page"
style="<% if (cID < 1) { %>display: none;<% }
%>">
<img src="/concrete/images/icons/remove.png"/>
</a>

<input type="hidden" data-page-selector="cID"
name="items[<%= sortOrder %>][cID]"
value="<%= cID %>">
</div>
</div>
</div>

<div class="form-group url-values" style="display: none;">
<div class="form-group">
<label class="control-label" for="items[<%= sortOrder
%>][linkURL]">
URL </label>

<div class="form-input">
<input type="text" id="items[<%= sortOrder
%>][linkURL]" value="<%= linkURL %>"
name="items[<%= sortOrder %>][linkURL]"
value="<%= linkURL %>" class="form-control"/>
</div>
</div>
</div>

<div class="form-group file-values" style="display: none;">
<div class="form-group">
<label class="control-label">
File </label>

<div class="form-input">
<div class="ccm-file-selector"
data-file-selector="items[<%= sortOrder %>][file]"
data-file-selector-name="items[<%= sortOrder %>][fID]"></div>
</div>
</div>
</div>

<div class="form-group targetBlank">
<label class="control-label" for="items[<%= sortOrder
%>][targetBlank]">
Target </label>

<div class="form-input">
<label class="form-input-radio">
<input type="checkbox" id="items[<%= sortOrder
%>][targetBlank]" value="1" name="items[<%= sortOrder %>][targetBlank]"
value="1" <% if (targetBlank > 0) { %>checked="checked"<% } %>/>
Open URL in new window </label>
</div>
</div>

<div class="form-group">
<label class="control-label" for="items[<%= sortOrder
%>][title]">
Title </label>

<div class="form-input">
<input type="text" id="items[<%= sortOrder %>][title]"
name="items[<%= sortOrder %>][title]" value="<%= title %>"
class="form-control"/>
</div>
</div>

<div class="form-group anchor">
<label class="control-label" for="items[<%= sortOrder
%>][anchor]">
Anchor </label>

<div class="form-input">
<input type="text" id="items[<%= sortOrder %>][anchor]"
name="items[<%= sortOrder %>][anchor]" value="<%= anchor %>"
class="form-control" placeholder="To be added to the URL (#anchor)"/>
</div>
</div>

<div class="form-group data-target">
<label class="control-label" for="items[<%= sortOrder
%>][dataTarget]">
Data Target </label>

<div class="form-input">
<input type="text" id="items[<%= sortOrder
%>][dataTarget]" name="items[<%= sortOrder %>][dataTarget]" value="<%dataTarget %>" class="form-control"/>

<div class="alert alert-info" style="margin: 15px 0 0
0;">
<p>
You can write any CSS selector here, like
<strong>#myModal</strong> or <strong>.bs-example-modal-lg</strong>.
</p>
<p>
Read all about <a href="
http://getbootstrap.com/javascript/#modals"... target="_blank">Bootstrap
Modals</a> </p>
</div>
</div>
</div>

<div class="form-group classes">
<label class="control-label" for="items[<%= sortOrder
%>][classes]">
Class name(s) </label>

<div class="form-input">
<input type="text" id="items[<%= sortOrder
%>][classes]" name="items[<%= sortOrder %>][classes]" value="<%= classes
%>" class="form-control" />
</div>
</div>
</div>
</div>
</script>
</div>


<div class="ccm-buttons dialog-buttons">
<a href="javascript:clickedButton true;$('#ccm-form-submit-button').get(0).click()" class="btn pull-right
btn-primary">Save</a>
<a style="float:left" href="javascript:void(0)" class="btn btn-default
btn-hover-danger" onclick="jQuery.fn.dialog.closeTop()">Cancel</a>
</div>

<input type="submit" name="ccm-edit-block-submit" value="submit"
style="display: none" id="ccm-form-submit-button" />

</form>



</div>


Matt Eldridge
Owner & Head Geek
Melt Design Tel: 0121 371 0892
Email: matt@meltdesign.co.uk
Website:http://meltdesign.co.uk <http://meltdesign.co.uk>
Address: Melt Manor 25, Lake View House, Wilton Drive, Warwick,
Warwickshire, CV34 6RG
<https://www.facebook.com/meltdes> <https://twitter.com/matteld80>
<https://www.linkedin.com/profile/view?id5843150&trk=hp-identity-name>
<http://meltdesign.co.uk/bible

OK, that seems good. Can you also copy the contents of the "Console" tab perhaps? That's the tab at the very right.

1. (anonymous function)@jquery.js:2m.extend.globalEval@jquery.js:2
m.fn.extend.domManip@jquery.js:4m.fn.extend.append@jquery.js:4(anonymous
function)@jquery.js:4m.access@jquery.js:4m.fn.extend.html@jquery.js:4
finalSettings.element.$.ajax.success@app.js:2j@jquery.js:2k.fireWith@
jquery.js:2x@jquery.js:5b@jquery.js:5

.
I can give you site access if easier?


Matt Eldridge
Owner & Head Geek
Melt Design Tel: 0121 371 0892
Email: matt@meltdesign.co.uk
Website:http://meltdesign.co.uk <http://meltdesign.co.uk>
Address: Melt Manor 25, Lake View House, Wilton Drive, Warwick,
Warwickshire, CV34 6RG
<https://www.facebook.com/meltdes> <https://twitter.com/matteld80>
<https://www.linkedin.com/profile/view?id5843150&trk=hp-identity-name>
<http://meltdesign.co.uk/bible

If you could/are willing to do that, I can check it out.

Yeah whats the best email address to send the details to?


Matt Eldridge
Owner & Head Geek
Melt Design Tel: 0121 371 0892
Email: matt@meltdesign.co.uk
Website:http://meltdesign.co.uk <http://meltdesign.co.uk>
Address: Melt Manor 25, Lake View House, Wilton Drive, Warwick,
Warwickshire, CV34 6RG
<https://www.facebook.com/meltdes> <https://twitter.com/matteld80>
<https://www.linkedin.com/profile/view?id5843150&trk=hp-identity-name>
<http://meltdesign.co.uk/bible

That would be info[at]ramonleenders[dot]com

Hi I have emailed you now. Please let me know if you don't get the email.

Thanks, Matt