DecSoft Support - Custom components in the IDE

Custom components in the IDE

Create apps and expand their capabilities by using the world's popular programming language: Javascript.

DecSoft HTML Compiler include a convenient Command Line Compiler, so you can compile your apps from the console.

DecSoft NeoPlugins put your VisualNeo projects into another level with +1,000 new actions for your apps.

Take a look at some frequently asked questions about us and our products!

Save time, resources and money creating apps for Android, iOS and more with the same base of code.

Take a look at our YouTube channel and subscribe to be notified about new videos!

Create multiplatform apps with DecSoft App Builder, including Android and iOS with the same base of code.

DecSoft NeoPlugins are available in both runtime and designtime flavours to keep your apps as small as possible.

DecSoft App Builder integrates an Open AI assistant in order to assist you while developing your apps.

Create modern HTML apps and games at another level making things impossible to do even by modern HTML apps and games.

Apache Cordova's official plugins are supported out of the box and there are hundreds of plugins ready to use.

DecSoft HTML Compiler is easy to use: set your project's options and compile your apps and games in a nutshell.

DecSoft App Builder include a convenient Command Line Compiler, so you can compile your apps from the console.

Save money by purchasing our NeoPlugins bundles. Five, Ten and even the complete NeoPlugins collection at an incredible price!

Design for small screen devices but deploy also (without changes) in larger devices like tablets.

Compile, convert your modern HTML apps and games into Microsoft Windows executable programs without dependencies.

John Clarke

Hi, if I were to write my own JQuery components can I add them to the App Builder palette and use them in my code?

Also, is there a way to extract the names of the attributes, methods and events in a JQuery component that has little to no comments in it?

I would appreciate all advice offered regarding this.

This is my sample JQuery component

// Define the Accordion component as a jQuery plugin
$.fn.Accordion = function(options) {
  // Set default values for any missing options
  var settings = $.extend({
    panelSelector: '.accordion-panel',
    headerSelector: '.accordion-header',
    contentSelector: '.accordion-content',
    activeClass: 'active'
  }, options);
  
  // Iterate over each Accordion element in the jQuery object
  return this.each(function() {
    var accordion = $(this);
    var panels = accordion.find(settings.panelSelector);
    var headers = accordion.find(settings.headerSelector);
    var contents = accordion.find(settings.contentSelector);

    // Initialize the Accordion's state
    headers.attr('role', 'button');
    headers.attr('aria-expanded', false);
    contents.attr('aria-hidden', true);
    panels.removeClass(settings.activeClass);

    // Add event listeners to toggle panels
    headers.on('click', function() {
      var header = $(this);
      var panel = header.closest(settings.panelSelector);
      var content = panel.find(settings.contentSelector);
      var isExpanded = header.attr('aria-expanded') === 'true';
      
      header.attr('aria-expanded', !isExpanded);
      content.attr('aria-hidden', isExpanded);
      panel.toggleClass(settings.activeClass, !isExpanded);
    });
  });
};

Everybody can read the DecSoft support forum for learning purposes, however only DecSoft customers can post new threads. Purchase one or more licenses of some DecSoft products in order to give this and other benefits.