Yep, that’s a correct one – multiple open modals aren’t supported, you can also programmatically close any modal by using ‘hide’ method:

$('#myModal').modal('hide')

Thanks

Thanks. I am having a lot of trouble with passing data from the calendar to the second modal. The first modal I open from the calendar when I click an event works fine because I pass the following info:

$('#modalTitle').html(event.title);
    $('#modalDesc').html(event.description);
$('#modalDate').html(event.edate);
$('#modalID').html(event.uid);

however, when I click the edit link in the first modal to open the send modal, I need to pass a lot more info. So I was thinking about opening the second modal with ajax to a page which has a query to pull my data. But I need to pass the uid. I have found no way to do that since the uid will be undefined if I try to pass it. This is very tricky for me since I am not very experienced in javascript and ajax. Do you have any suggestions? Thanks!

Hi,

Perhaps this example will give you a hint on how to achieve a desired functionality.

Basically as far as i understand how it works, you just need to attach a click event to event inside eventRender function and programmatically show/hide modal with dynamic data.

Hope this helps.

Thanks

Hi,

You need to trigger a custom switchChange event:

$('selector').on('switchChange.bootstrapSwitch', function(event, state) {
  console.log(this); // DOM element
  console.log(event); // jQuery event
  console.log(state); // true | false
});

Let me know please if that worked out for you.

Thanks!

Ouahhh thanks for your very quick answer and solution ! It works perfectly.

Thanks a lot Eric.

You are always welcome

Hey Johnny,

Thanks for reporting. There is a minor issue in wysihtml5.less file, please download updated one. And you need to specify a css file to style editor content. To do that, you need to add the following option with a path to your CSS file with editor styles:

    // Simple toolbar
    $('.wysihtml5-min').wysihtml5({
        parserRules:  wysihtml5ParserRules,
        stylesheets: ["assets/css/components.css"], // add this line
        "font-styles": true,
        "emphasis": true,
        "lists": true,
        "html": false,
        "link": true,
        "image": false,
        "action": false,
        "color": true
    });

Will include this fix in the upcoming update.

Thanks

Hi,

1. Although ECharts supports click event, you’ll need additional JS code to grab values from the chart and display it in some popup. There is a built in component, which displays values in popup, but it is available only as a part of toolset. Previously i’ve sent you a link to example – Stacked columns, click on green list icon in toolset.

2. As explained in previous comment:

Easily. If you want to change global defaults, you need to edit limitless.js file (assets/js/plugins/visualization/echarts/theme/), this file contains default colors. Or you can change colors separately for each chart using itemStyle option.

Thanks

Hey,

This issue is in my todo list for the upcoming update. It’s related to the lack of :hover support on mobiles, will change it to click or touch events.

Thanks

Excellent ! Thank you very much !

Ignore me, found them here

Hey,

Working hard on those additions. Will keep everyone posted on progress when i got everything wrapped up.

Thanks

Thank you so much!

Thanks, I’ll send you it via email

For others who may be wondering, here is the code that Kopyov sent me that works:

// Initialize datatable with options
    $('#example').dataTable({
        autoWidth: false,
        dom: '<"datatable-header"fl><"datatable-scroll"t><"datatable-footer"ip>',
        paging: false,
        language: {
            search: '<span>Filter:</span> _INPUT_',
            lengthMenu: '<span>Show:</span> _MENU_',
            paginate: { 'first': 'First', 'last': 'Last', 'next': '?', 'previous': '?' }
        }
    });

Thanks for sharing!

config.extraPlugins = ‘uploadimage’;

config file ?

config.extraPlugins = ‘uploadimage’;

i put code in folder ckeditor /config.js

but why can’t upload images

You need to add it to already existing code. In config.js find config.extraPlugins = ‘pbckcode’; and change it to:

config.extraPlugins = 'pbckcode,uploadimage';

So your code will look like:

// Extra plugins
// ------------------------------

// CKEDITOR plugins loading
config.extraPlugins = 'pbckcode,uploadimage'; // add other plugins here (comma separated)

// PBCKCode customization
config.pbckcode = {...}

// Upload image customization
config.uploadimage = {...}

Please refer to documentation of CKEditor.

Thanks

Hi,

1. Since ECharts is a chinese library, all default texts are on chinese. Fortunately you can customize it using available options. For empty data list you need to use NoDataLoadingOption and change ‘text’ property.

2. Yes, there is an option in toolbox where you can see chart data in popup, check Line and point options example with toolbox.

You can also configure toolbox according to your needs.

3. Easily. If you want to change global defaults, you need to edit limitless.js file (assets/js/plugins/visualization/echarts/theme/), this file contains default colors. Or you can change colors separately for each chart using itemStyle option.

Thanks

Hi,

You are doing everything correctly, the first example is the correct one. You just need to use ”.panel-collapsed” without a dot:

<div class="panel panel-primary panel-bordered panel-collapsed">
    ...
</div>

Dot and hash are CSS selectors: dot signifies class name, hash signifies a single unique element. They are required in CSS/JS, but not in HTML, in HTML you need to use:

1. class=”foo” (in CSS .foo {})

2. id=”foo” (in CSS #foo {})

Hope that helps.

Thanks

Hi,

Limitless is a static html template, not a ready-to-use application. It doesn’t have any server side integrations. However you can create a Wordpress admin theme using Limitless as a base, but this requires additional development and integration.

Thanks

Hi,

I am not sure if i can suggest you any of those, because i’m not a full stack developer. I think it depends on the project, server load, # of visitors etc. Sorry about that.

Thanks

OK we got it you might to consider Sub Zips so that the overall size is more managed Best Craig

Sure, in upcoming update i’ll change the files structure of layouts, so it will help to reduce the size

Thanks

Thanks – Have great day… Best Craig

Ahaa, understood. I think it can be fixed with:

.note-editing-area {
    position: relative;
}

As now it’s related to a parent container. Please try this one and let me know if that worked out for you.

Thanks

i also had to add to .note-control-selection : { z-index:9999; } ... but not sure if this is the best solution let me know if you have other ideas. i hope i can update the onImageUpload function that i had written for the 0.6.0 version to upload files and add them to mysql, thanks for your fast support!

Yeah, all good, quick note – add z-index: 99; instead to avoid conflicts with fixed components.

You can try, hopefully it won’t have any major issues

Thanks

Hi,

As a quick fix open anytime.less file located in assets/less/components/pickers/ and remove this bit of code:

.AnyTime-dom-btn-empty {
    display: none;
}

and recompile your less files.

Downside is that all empty cells will be always visible, this picker doesn’t allow you to show dates from other months.

Thanks

Hi

Just replied to your ticket.

Hi,

Could you please send me the code you are trying to implement to e.kopyov[at]gmail.com? D3.js is a very powerful library, however it’s not reusable and requires specific setup for every chart. I just need to check how you initialize charts.

Thanks

Done

Just replied back

Hi,

Angular version will be released in one of the upcoming updates this summer. Some time ago i was providing support for users who integrated Limitless into Angular and Meteor based applications themselves, they didn’t experience any major issues, except Meteor guys who had minor issues with less compilation. But overall everyone was satisfied.

Currently i’m working on a new update which will be out in June and include a lot of new stuff. After that will be BS4 and SASS versions and then Angular and probably Meteor.

Thanks

Hi,

Unfortunately yes, this is one of the main issues with responsive tables. Default Bootstrap solution for responsive tables is horizontal scrollbar, but it hides all components that appear outside table edge.

There is an option to add scrollbar only on mobiles using .datatable-scroll-sm, .datatable-scroll-lg and .datatable-scroll classes that add horizontal scrollbar on small screens only (.datatable-scroll-sm). But that doesn’t solve the problem with dropdowns inside table.

The most common fix is to use Responsive extension for Datatables, which hides columns on small screens.

Thanks