Hi luneo7

I want to thank you so much for reporting these issues, I have managed to fix them all and will be available in the next update.

Many thanks for your efforts

Arlind

Hi

Thank you so much for your suggestion about the nested lists plugin, we will change it in the Angular version in the next version because the old ones with jQuery are not Angular friendly.

The reason why I use this method:

item = angular.extend(angular.copy(menuItemObj), {
    parent: parent,

    title: title,
    link: link,
    icon: icon
})

Is because menuItemObj its just a model and I don’t want to override the default object with the real attribute values, so every time a new menu item is added I create a copy of this object:

It acts like instantiating item = new menuItemObj();

I hope my answer makes sense to you.

Arlind

Hi there,

this is the plugin we have used in the theme: http://www.dropzonejs.com/ , ask them for the PSD files and extra files because we have not included them in the theme.e

Kind Regards,
Art

Ok. Thanks you ;]

Hi nkaliya, just remove “full-width” class as in this picture

or add this code on CSS:

.tocify.full-width {
width: auto !important;
}

Ylli

Hi tystol

All right, I have added it to our todo list for next version of Xenon. Don’t worry about the library, we will manage to separate them and use Angular UI timepicker only for Angular version and not include it for the plain html version, so this would help only them who work with Angular.

Thanks for your suggestion

Arlind

Great, thanks heaps!

If it helps, here’s a snippet for putting the control inside a popup when focusing on an input (rather than being inline html): http://plnkr.co/edit/h1lRMakbmoGP9pwQ0V75?p=preview

This is great, thanks for sharing the snippet, it will help me during the implementation.

Arlind

Thanks, but angularjs version is not opening in google chrome

Angular JS Version

Hi, you need to start it from localhost (Xampp if you are using Windows) in order to open it.

Ylli

Hi there,

it’s been a while since we have last updated the theme with fresh new features and pages, we have a list of “to do” things for the theme but currently we’re busy working on a new theme which we’re planning to release by the end of the month, I think by the mid of February the theme update with new features will come out so stay tuned .

Kind Regards,
Art

Hi vembu

I realized that you are using it in Angular version, so for this use this library:

Arlind

Hi Phaoris

I am sorry but currently we do not have any plan for this feature, except the one you can find in Form Wizard.

Arlind

I managed to get it working but now I’m having the problem posted by jkevinburton. I’m using angular binding and the counter doesn’t work as data-to={{total}} Can I work this around? I know the value is right because I was using it without the counter…

Hi

I am sorry about this issue, I didn’t realized that using dynamic data attributes will not work, I will look up for a solution about this because I am not very experienced in AngularJS and didn’t find a better way to implement this feature.

Arlind

Hi holoverse

This kind of error report doesn’t help me to understand the issue. Have you changed something in the code that produced this error?

Try commenting out the code you have added, or put back the code you have removed because there is something missing or something else added not properly. In plain JS you don’t have any issue, this is related to a semantic error.

Arlind

Hi

I just need to make sure which version you mean, AngularJS or Plain HTML?

It depends on which platform do you need to implement this, and of course sessions are required to handle the login information.

Cheers

Arlind

Sorry! in HTML i know how to use it, but i mean the Angular Version Thank You!

All right I understand, you can also use cookies to identify whether user is logged in or not, we have already implemented cookies module.

So open app.js and in app.config function line 34 you have this code:

$urlRouterProvider.otherwise('/app/dashboard-variant-1');

Here you add the logic:

if($cookies["loggedIn"])
{
    $urlRouterProvider.otherwise('/app/dashboard-variant-1');
}
else
{
    $urlRouterProvider.otherwise('/app/login');
}

The way you identify whether user is logged in or not is up to you how you want to manage it. Also in controllers.js MainCtrl there you can put a similar logic when user is not logged in and tries to access the page that requires login:

if($cookies["loggedIn"] == false)
{
    $state.go('/app/login');
}

Hopefully this will help you.

Arlind

Hi

The theme itself its programmed to work like that, because it is responsive and the menu will fit for mobile devices.

If you want to change it, you have to modify the CSS/LESS files and fit to your needs.

Cheers

Arlind

hmm ok it was fixed just remove the “full-width” class in the “toc” div;

Glad to hear that

Ylli

Hi Steve

Please note that when you switch to login page, you must set change these variables, in your case:

$rootScope.isLoginPage        = false;
$rootScope.isLightLoginPage   = true;
$rootScope.isLockscreenPage   = false;
$rootScope.isMainPage         = false;

For example:

state('login-light', {
    url: '/login-light',
    templateUrl: appHelper.templatePath('login-light'),
    controller: function()
    {
            $rootScope.isLoginPage        = false;
            $rootScope.isLightLoginPage   = true;
            $rootScope.isLockscreenPage   = false;
            $rootScope.isMainPage         = false;
    },
    resolve: {
        resources: function($ocLazyLoad){
            return $ocLazyLoad.load([
                ASSETS.forms.jQueryValidate,
            ]);
        },
    }
})

Then in default route set:

urlRouterProvider.otherwise(’/app/login-light’);

I hope this will work for you.

Arlind

Hi,

• {{measure}}

I have to call the showChartMeas() function with the index of the dragged element in the group1. Also, when I click on other dimension group that particular group’s element could be passed to another function like ShowChartDim(). Then dragging the particular element on the list to another particular list group has to trigger the function ShowchartMeas() Like Measure -> X-axis list triggers ShowchartMeas() with the index value of the list item dragged. Please reply the solution for the triggering as soon as possible.

Hi vembu

I am sorry about it, but I don’t have too much experience with UIKit, so I suggest you to try jQuery Drag and Drop which is the best solution and has lot of documentation:

I hope this will help you to solve this issue.

Arlind

Hi agaim

I saw this response from one other customer, it might help you as well:

Thank you for this great template. I had issues integrating the nested list (angular mode) as jquery code was ran before angular had fully rendered ul > li … I ended up using angular-ui-tree ( https://github.com/JimLiu/angular-ui-tree ) which was easy…

Arlind

Hi Coach83

Thanks so much for providing this fix, I have added it to the theme.

Arlind

Hi vembu

Depending on the plugin page here:

This event stop.uk.nestable can be used as triggerable event:

$(".your-list-group").on('stop.uk.nestable', function(ev){
//...
});

This may work for your case.

Arlind

This is where I’m at with the horizontal menu. I just wanted to make sure I didn’t screw something up.

<script type="text/ng-template" id="menu-item-link-tpl">
    
     {{item.title}} 
     {{item.label.text}} 
</script>

<script type="text/ng-template" id="menu-items-tpl">
    

    
</script>

<script type="text/ng-template" id="menu-items-recursive-tpl">
    

    
    

    

</script>

<script type="text/ng-template" id="menu-items-sub-items">
    

    
</script>

<!- Navbar Brand -> <!- Mobile Toggles Links -> <!- This will toggle the mobile menu and will be visible only on mobile devices -> <!- This will open the popup with user profile settings, you can use for any purpose, just be creative -> 7 <!- data-toggle=”mobile-menu-horizontal” will show horizontal menu links only -> <!- data-toggle=”mobile-menu” will show sidebar menu links only -> <!- data-toggle=”mobile-menu-both” will show sidebar and horizontal menu links ->
<!- notifications and other links ->
• Arlind Nushi
  • New Post
  • Settings
  • Profile
  • Help
  • Logout

</nav>

Hi Steve

I am not sure how you want to make it look, can you please give me an example screenshot how you want to organize this area so I can give you proper information about that.

Cheers

Arlind

Hi imoli

Sure, here you have the CSS fix for that, I am sorry about it:

html .select2-container .select2-choice {
height: 32px;
}

html .select2-container .select2-choice .select2-chosen, html .select2-container .select2-choice .select2-search-choice-close, html .select2-container .select2-choice .select2-arrow {
line-height: 32px;
}

Hopefully it will work for you.

Arlind

No problem. Works perfectly now. Thank you a lot.

Glad to hear that