Discussion on Starlight Responsive Bootstrap 4 Admin Dashboard Template

Discussion on Starlight Responsive Bootstrap 4 Admin Dashboard Template

Cart 1,067 sales
Well Documented

themepixels supports this item

Supported

This author's response time can be up to 2 business days.

178 comments found.

themepixels, the function dialog comes with Jquery out of the box. Try it and you will see. Hope you can let me know how can I make it work nice so the scrollbars disappears then the modal:true is set.

Thanks

I can’t reproduce your problem, it might be helpful if you can show me your page so that I can help you fix your problem.

One of the reason that you dialog is having a scrollbar maybe because the overlay element is not in fixed position. Try to change the css and set position: fixed. We’ll see if it can fix your problem

Hi themepixels,

I just bought the template but found an issue when trying to create a Jquery dialog.

Example:
jQuery('#dialog').dialog({ width: 500, height: 400, modal:true });

If I set to modal then the vertical and horizontal scroll bars appears when the dialog appears. If I remove the modal property then the scrollbars disappears.

Any clue on how to fix this?... Also is it possible to apply the same buttons css to the dialog buttons?

buttons: { "Close": function () { $(this).dialog("close"); } }

Thanks and appreciate your support.

Hi,

Where did you get that function dialog? Because in this template I used colorbox

I purchased this template a few days ago, great template! I was wondering if you have an example of how to save the state of the left menu (open/closed) between page transitions? thanks -phil

You can set cookie to save the state of left menu..Below is an example

//show/hide left menu to switch into full/icon only menu
jQuery('#togglemenuleft a').click(function(){
  if(jQuery('.mainwrapper').hasClass('lefticon')) {
    jQuery('.mainwrapper').removeClass('lefticon');
    jQuery(this).removeClass('toggle');

    //remove all tooltip element upon switching to full menu view
    jQuery('.leftmenu a').each(function(){
      jQuery(this).next().remove();
    });
    setCookie('leftmenu_state','open');        
  } else {
    jQuery('.mainwrapper').addClass('lefticon');
    jQuery(this).addClass('toggle');
    showTooltipLeftMenu();
    setCookie('leftmenu_state','close');
  }
});

The code above is the exact code that I used when opening/closing the left menu. As you noticed I have added a line of code for setting a cookie

setCookie('leftmenu_state','close');
To know if left menu is closed, I do it like in the code below
if(getCookie('leftmenu_state') == 'close') {
  jQuery('.mainwrapper').addClass('lefticon');
  jQuery(this).addClass('toggle');
  showTooltipLeftMenu();
} else {
  jQuery('.mainwrapper').removeClass('lefticon');
  jQuery(this).removeClass('toggle');

  //remove all tooltip element upon switching to full menu view
  jQuery('.leftmenu a').each(function(){
    jQuery(this).next().remove();
  });
}
Additional code below should be added in your page
function setCookie(c_name,value,exdays)
{
var exdate=new Date();
exdate.setDate(exdate.getDate() + exdays);
var c_value=escape(value) + ((exdays==null) ? "" : "; expires="+exdate.toUTCString());
document.cookie=c_name + "=" + c_value;
}

function getCookie(c_name)
{
var i,x,y,ARRcookies=document.cookie.split(";");
for (i=0;i<ARRcookies.length;i++)
{
  x=ARRcookies[i].substr(0,ARRcookies[i].indexOf("="));
  y=ARRcookies[i].substr(ARRcookies[i].indexOf("=")+1);
  x=x.replace(/^\s+|\s+$/g,"");
  if (x==c_name)
    {
    return unescape(y);
    }
  }
}

Hi themepixels,

Beautiful admin template ! The code is really clear (especially the CSS , that’s really important), maybe you could add some infos on how to change the color (style.darkblue.css or style.gray.css).

Thanks for your work !

You could add this line in the head

<link rel="stylesheet" href="css/style.darkblue.css" type="text/css" />

When I extracted the project, and I pull up the Dashboard.html file in a browser, the following file is missing from the project:

/Starlight/Template/images/thead.png

Any advice?

Hi,

I’m not sure if thead.png is used in this template but I know it’s in my other template. For the meantime if you need it you can download and save the image by going to this link http://bit.ly/LQvkck

Hi,

I tried to click “Quick View” in http://themepixels.com/themes/demo/webpage/starlight/darkblue/tables.html but the window is not showing up.

Could you please fix this? I have a plan to buy this theme soon :)

check it back. I fixed it

Great Theme

Very well organized, and well documented. I love it. The only thing I would change is instead of the jquery.growl.js notifications, I would “trade up” to noty. The jquery.growl.js is outdated, and no longer supported. Noty does the same thing and is being kept current.

That’s hardly a reason for any negative feedback. I still give it 5 Stars. I just thought I’d mention the notifications because you may (one day) find that they don’t work with a future version of jQuery.

I highly recommend this theme!

I haven’t heard of noty. Thanks for letting me know and thank you for purchasing my theme..

Hello,

1. Do you plan to add in a next release in the media gallery a feature in order to be able to reorder the images? at present you have feature to edit or detlete. it would be nice to add a reorder feature .

What you mean reorder the images through client side?

hello

go to this demo if the Zice admin template http://zicedemo.com/gallery.html

you can drag and reorder the images. which is very convenient.

Hey!

I must say you’ve provided a truly state of the art admin template with this one! I’ve been browsing through almost all of the admin templates today, and I’ve decided that I want to buy me a copy of this on my next pay check. But I’ve got a question.

I’ve looked through the live preview, but I’m not able to find any examples of tool tips? Have I overlooked it, or is there no support for it in this template?

Best regards - Ole

There is no tooltip for this template. I might add a tooltip for the next update

Hi, checked value for checkboxes doesn’t appear to be working. a checkbox with this:
<input type="checkbox" name="news_publish" value="1" checked="checked" /> Is active <br />
Is not checked upon page loading.
Okay, so I changed my code a bit:
<script type="text/javascript">
jQuery(document).ready(function(){
    jQuery("#del").click(function(){
        //jConfirm('Are you sure you want to delete this group?', 'Alert Dialog');
                jConfirm('Are you sure you want to delete this group?', 'Confirmation Dialog', function(r) {
                     var del_link = $(this).attr('href');
                     if(r == true)
                        window.location = del_link;
                jAlert('Confirmed: ' + r, 'Confirmation Results');
            });
    });
});
</script>
This display the box for a start but the var “del_link” doesn’t work for some reason. Console reports: Uncaught TypeError: Property ’$’ of object [object DOMWindow] is not a function when clicking yes.

change this from

var del_link = $(this).attr('href');

to

var del_link = jQuery(this).attr('href');

you should put return false; at the last part of

jQuery('#del').click(function(){
//some line of codes here
return false; //this is to prevent redirecting the page
});

That’s it

del_link is undefined using this way :/

put the del_link outside of the jConfirm. What you have right now is the del_link is inside the jConfirm. You should move that outside

I was wondering for custom alert boxes. I would like so when a user clicks on my a link, and confirmation box shows up, asking if he’s sure. If he press yes it goes to the link that he originally clicked, and if he clicks no then nothing happens.

I tried the documentation but it didn’t provide me with the exact answer. This is my code:
<script type="text/javascript">
jQuery(document).ready(function(){
    jQuery('#del').click(function(){
        jConfirm('Are you sure you want to delete this group?', 'Alert Dialog');
    });
});
</script>

<a href="<?php echo base_url('group/delete/'.$row->group_id.'');?>" class="btn btn_stop" id="del"><span>Delete</span></a>

Nice one, have downloaded the update and will check it out now!

I was wondering about icons for the sidebar. Which ones work? I have tried many, so far I only found users to be working except from those there’s already there.

I got this working, was looking at the wrong place in the css file ^^

Great! I was trying to answer all your questions but I just got busy in the past few days. Anyway don’t hesitate to ask questions I will try my best to give u response

Great! I was trying to answer all your questions but I just got busy in the past few days. Anyway don’t hesitate to ask questions I will try my best to give u response

Hi, Got problems with checkboxes. All other form elements works nicely at least inputs, select and radio. When using checkboxes I get the standard box provided by windows, and not the one that comes with the skin.

This is my code to display it:
<p>
                            <label>Attributes </label>
                            <span class="formwrapper">
                                <input type="checkbox" name="active" value="1" <?PHP if($row->user_active == 1) echo'checked=checked'; ?> /> Is active <br />
                            </span>
                        </p>
It’s identical to the content of forms.hmtl which i find quite weird as it doesn’t work.

In case you wonder, then this is my head: http://pastebin.com/HveRrku3

I’d like to help you but I cannot reproduce the problem..can you give a running page?

Sure, this is the source code: http://pastebin.com/0KxczGa5

Feel free to modify the links, so that they match your own site. I cannot provide an online example, as I have no webserver.

Solved this after removing the js src to elements.

Hi mate,

Ok next question, jQueryUI autocomplete. There are some conflicts with CSS classes as you’ve used them elsewhere, what’s the best way to go about individual styling? Grabbing a CSS theme from the jQueryUI themeroller just throws it all out!

Thanks

Wayne

If you want to grab the css style for autocomplete then you can grab it from jQueryUI but only the styling for the autocomplate not the entire style as it may override the styling for this theme. Just a note, I didn’t include the styling for autocomplete but I will include this in the next update

I jsut added autocomplete to this template.. The update is currently on process for approval, once approve you can download it again. You can check the autocomplete in the demo of this template and test it on search box in header.

Hi themepixels, I have some suggestions. I was looking at yours and it’s simplicity is really great!

- can you add a page that will hold a text content. Many of the admins need to have option for page creation (CMS), and almost none add this one option; - for calendar will good option if you are able to add/view events right on it (if you can make interface for it)

thanks and looking forward to this admin new release!

Hi, I’m thinking about that lately, I will try to add it in next update. Thanks for suggestions

Hi, How is it possible to show dialogs/growls via HTML ? I want to show it without the need to press a button.

hello considering the template for a project. I noticed 2 small points :

1. do you have a switch on the left toggle menu in order to load the page with the icons instead of the full left menu. ? (on some of our pages, we will have a large list and we would like to call the page with the left menu as icons raher than the full width. if there was a toggle switch we could use in order to laod the page wit the menu style we prefer for the page)

2. do you plan to implement a cookie or a css style in order to keep open the selected link in the menu and show the submenus. (for example, in you demo, the menu link “forms” which has submenus. every time we would do something on the page and reload it , it would close the menu and we would have to click again in order to open it and show the submenu links. it would be good to keep the state of the menu and thus every time the page is reloaded. it would keep the selection and thus show the menu opened with the submenu links shown.

Otherwise . very nice template.

As long as you say there is a solution, we will purchase the template and you will let us know how to achieve that.

thank you

Thank you very much for your links. we purchased the template this morning.

We noticed a few other points we have questions about and we will email it them to you. thank you

Downloaded the item multiple times but keep getting this: ! C:\Users\Mikkel\Desktop\themeforest-2285663-starlight-reponsive-admin-template.zip: CRC failed in Template\images\assets\thumb\large\thumb6.png. The file is corrupt ! C:\Users\Mikkel\Desktop\themeforest-2285663-starlight-reponsive-admin-template.zip: CRC failed in Template\images\thumb\medium\thumb3.png. The file is corrupt

Those two files seems to be corrupt as stated previously.

Hi zero_ZX

I have uploaded a new zip file and is waiting for approval. Anyway that file are just a placeholder. Thanks

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve ThemeForest.

Sure, take me to the survey