Untitled Application MyApp Author name 1.0 Desktop False 640 480 False False False False WebApp False C:\Users\asmat\Documents\VisualNeoWeb\Libraries\img\default-icon.png .select{ user-select:none; } .tag{ border:1px solid #0076fc; border-radius:5px; margin-left:8px; margin-top:8px; padding-left:10px; padding-right:10px; padding-top:2px; padding-bottom:2px; } .flexCenter{ display:flex; justify-content:center; align-items:center; } .flexSpacebetween{ display:flex; align-items:center; justify-content:space-between; } .flexRight{ display:flex; justify-content:flex-end; align-items:center; } .flexLeft{ display:flex; align-items:center; justify-content:flex-start; } .flexMenu{ display:flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-content:flex-start; } .boxShadow { box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.034), 0 6.7px 5.3px rgba(0, 0, 0, 0.048), 0 12.5px 10px rgba(0, 0, 0, 0.06), 0 22.3px 17.9px rgba(0, 0, 0, 0.072), 0 41.8px 33.4px rgba(0, 0, 0, 0.086), 0 100px 80px rgba(0, 0, 0, 0.12) } en standalone Offline page #000000 [AndroidOS,iOS,WindowsPhoneOS] normal True True False True True False False True False False NeoScriptToJS

var box = document.getElementById('tagHome');
if($App.activeElement.nextElementSibling){
   box.insertBefore($App.activeElement,$App.activeElement.nextElementSibling.nextElementSibling);
}else{
   alert('You reached at the end item');
}

JavaScript

var box = document.getElementById('tagHome');

if($App.activeElement.previousElementSibling){
   box.insertBefore($App.activeElement,$App.activeElement.previousElementSibling);
}else{
   alert('You reached at the first item');
}

JavaScript

//alert('cick'+obj);

document.querySelectorAll('.tag').forEach( item =>{
   item.style.background ="white";
   item.style.color ="black";
});

$(obj).css('background','#0076fc');
$(obj).css('color','white');
$(obj).attr('contentEditable','true');

$App.activeElement = obj;
$scope.ShowObject("editPanel","zoomIn",8);

obj|STRING| JavaScript

$('#'+obj).keydown(function (e) {
      var key = e.charCode ? e.charCode : e.keyCode ? e.keyCode : 0;
      if (key == 13) {
          e.preventDefault();
          $('#add').click();
      }
});

obj|STRING| JavaScript

var myArray =[];
document.querySelectorAll('.tag').forEach( item =>{
   myArray.push(item.innerHTML);
});

return myArray;

JavaScript applyEnterKey "inputbar" 14px 68px 80% 50px top 10% 15px boxShadow flexSpacebetween 113px 10px 50% 36px top 8px 8px [tag] Tag... .filterList "tag1" "menu4" 6px 10px 80px 36px top 7px 7px background-color:#006ce2;transform:scale(0.95);transform-origin:center select flexCenter <svg style="width:24px;height:24px" viewBox="0 0 24 24"> <path fill="currentColor" d="M19,13H13V19H11V13H5V11H11V5H13V11H19V13Z" /> </svg> Add BEGINJS if($App.tag){ $('#tagHome').append('<span onclick="neosubroutine.clickTag(this)" class="tag">'+ $App.tag+ '</span>'); $App.tag = ""; }else{ alert('empty'); } ENDJS FocusObject "inputbar" 149px 15px 130px 36px top 7px 7px background-color:#006ce2;transform:scale(0.95);transform-origin:center select flexCenter GenerateArray <svg style="width:24px;height:24px" viewBox="0 0 24 24"> <path fill="currentColor" d="M15,4V6H18V18H15V20H20V4M4,4V20H9V18H6V6H9V4H4Z" /> </svg> BEGINJS $App.myTagArray = $scope.generateArray(); ENDJS ShowObject "output" "zoomIn" 8 13px 67px 80% 156px top 10% 5px 0px boxShadow flexMenu 72px 23px 80% 50px top 10% 5px False boxShadow flexSpacebetween 6px 10px 120px 36px top 7px background-color:#006ce2;transform:scale(0.95);transform-origin:center select flexCenter <svg style="width:24px;height:24px" viewBox="0 0 24 24"> <path fill="currentColor" d="M15.41,16.58L10.83,12L15.41,7.41L14,6L8,12L14,18L15.41,16.58Z" /> </svg> move Left moveToLeft 15px 15px 120px 36px top 30px background-color:#006ce2;transform:scale(0.95);transform-origin:center select flexCenter move Right <svg style="width:24px;height:24px" viewBox="0 0 24 24"> <path fill="currentColor" d="M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z" /> </svg> moveToRight 227px 15px 120px 36px top 30px background-color:#006ce2;transform:scale(0.95);transform-origin:center select flexCenter moveToRight 251px 7px 35px 36px top 8px 8px background-color:#006ce2 flexCenter <svg style="width:24px;height:24px" viewBox="0 0 24 24"> <path fill="currentColor" d="M9,3V4H4V6H5V19A2,2 0 0,0 7,21H17A2,2 0 0,0 19,19V6H20V4H15V3H9M7,6H17V19H7V6M9,8V17H11V8H9M13,8V17H15V8H13Z" /> </svg> BEGINJS $($App.activeElement).remove(); ENDJS 72px 239px 80% 50px top 10% 5px boxShadow flexSpacebetween Output: [myTagArray] 227px 15px 120px 36px top 30px background-color:#006ce2;transform:scale(0.95);transform-origin:center select flexCenter moveToRight 0px 0px 640px 480px False custom