992 comments found

  • Bought between 1 and 9 items
  • Has been a member for 2-3 years
jjmccaw Purchased

Hi DisplayInline, hope all is well. having difficulties getting the datepicker to work within a modal (see http://www.eecis.udel.edu/~mccaw/test/modalAndDate.html)

i tried to use both the ‘from scratch’ and ‘from existing content’ methods to no avail.

i thought perhaps datepicker class is not being initialized on the content , so i included it in the modal’s onOpen event with no success. Thoughts on how to get the date picker to work within the modal window?

as always thank you for the help and the great theme.

displayinline

Hi!

Here’s how you may do this:

function openModal() {
    // Open the modal
    var modal = $.modal({
        content: '<input type="text" value="" class="datepicker">',          
        ...
    });

    // Init the datepicker
    modal.find('.datepicker').datepick({
        ...
    });
}

Note that you’ll also need to change the z-index for the class .datepick-popup in calendars.css:

.datepick-popup {
    z-index: 999990;
}

Hope this helps! ;)

Default-user
jjmccaw Purchased

works great, thanks again!

  • Bought between 10 and 49 items
  • Exclusive Author
  • Has been a member for 5-6 years
crweb Purchased

Hi,

Does the template support IE version 9.x? I have a user who is reporting strange errors that do not seem to happen with IE 10 or newer Firefox versions. It seems that during form submissions, sometimes form buttons or variables get mixed up with other html content (i.e., upon submission, the form variable contains html source for img near the form button that was clicked). So, for example, an action button will contain “Delete…” instead of the expected “Delete” or “Insert” value.

Thanks!

displayinline

Hi,

Actually it the first time I hear of such issue… I see no reason why this may happen, the template does not mess with the value attribute of buttons.

Do you have a demo page I could check, or could you show me the exact markup for the form and/or button? This would help me find what may cause this ;)

Default-user
crweb Purchased

Hi, is there a way to send you the html page?

Default-user
crweb Purchased

Here is the html snippet. It is inside a table footer. The effect I want to achieve is to display little images inside the buttons. Buttons are not blue but light grey and turn blue when you hover on them:

      <td colspan="9">
      <div>
      <div class="float-left">
      <INPUT TYPE="hidden" NAME="form" VALUE="active" />
      <button TYPE="submit" class="button" NAME="action" VALUE="Details"><img src="/images/information-blue.png" height="16" width="16" /> Details</button>
        
      <button TYPE="submit" class="button" NAME="action" VALUE="Delete"><img src="/images/cross-circle.png" height="16" width="16" /> Delete</button>
      </div>
      <div class="float-right">
      <button TYPE="submit" class="button" NAME="action" VALUE="Refresh" title="Refresh"> <img src="/images/arrow-circle.png" height="16" width="16" /> Refresh</button>
      </div>
      </div>
      </td>

displayinline

Sure, you can send me a PM on my profile page

Default-user
crweb Purchased

Looks like img tags did not show up:

<td colspan="9"> <div> <div class="float-left"> <INPUT TYPE="hidden" NAME="form" VALUE="active" /> <button TYPE="submit" class="button" NAME="action" VALUE="Details"><img src="/images/information-blue.png" height="16" width="16" /> Details</button>   <button TYPE="submit" class="button" NAME="action" VALUE="History"><img src="/images/clock.png" height="16" width="16" /> History</button>   <button TYPE="submit" class="button" NAME="action" VALUE="Delete"><img src="/images/cross-circle.png" height="16" width="16" /> Delete</button> </div> <div class="float-right"> <button TYPE="submit" class="button" NAME="action" VALUE="Refresh" title="Refresh"> <img src="/images/arrow-circle.png" height="16" width="16" /> Refresh</button> </div> </div> </td>
displayinline

I just replied to your mail! ;)

  • Bought between 10 and 49 items
  • Exclusive Author
  • Has been a member for 5-6 years
crweb Purchased

Oops! The html code was not preserved above. Here is what happens: The server receives this:

<img class="first-child last-child" src="..." width="16" height="16" />Delete

while it should be just: “Delete”

  • Bought between 10 and 49 items
  • Has been a member for 1-2 years
martinius Purchased

what would be the “smallest” effektiv working internet framework to implement this template? Joomla & Co….?
OR,
would you recommend the self made cms system,
Or,
do you recommend any not so well known cms systems to start developing with your admin template?... :|:|

displayinline

Hi!

In fact, most frameworks could do the job, it all depends on the technology you wish to use and the features you expect. Joomla, Drupal, Laravel and other popular CMS/frameworks are all valid choices, but they may be a bit too heavy for this.

There are many light frameworks out there which could be used for this, but I can’t recommend you one specifically as I do not use them currently. CakePhp, Slim, Silex or Fuel are the most popular, but there are many others.

About building your own framework, that’s a good choice if you already have some experience here. You’ll end up with a custom tailored solution, but be aware of the NIH syndrom ;)

  • Bought between 10 and 49 items
  • Has been a member for 1-2 years
martinius Purchased

Hi,
question about setup the template:
lets say I install a small cms system on localhost (or internet)
working well.. and fine.
so next step to install the template is
a) to put all extracted template files in root directory
b) next step would be – lets say on a localhost development situation: localhost/login.php
that would lead to give username and admin
for first setup – there is a info – ....for Demo page use admin/admin lets say I do that… that leads to index.php
BUT the admin template is not installed that way it is just a webfile, but the template in itself is not working.

So … how to setup the thing…
Please some advice


lg
from Austria
Martin

displayinline

Hi,

This template is only a skin for developers, it is not functional by itself. As stated in my previous answer, you need to code it on top of any existing CMS/framework, and implement the features you need: users management, database views…

Tell me if you need more details!

  • Bought between 50 and 99 items
  • Exclusive Author
  • Has been a member for 2-3 years
  • United Kingdom

hi

how do we force the mobile version, cant see anythhing in the documentation, and on a mobile, it just uses the normal web version

thanks Jody

displayinline

Hi,

This template is not responsive, it rather follows the distinct sites approach: you have two versions of the template, one for desktops, the other for mobile devices – but both can use all the template features.

You’ll find some example pages using the mobile layout in the folder mobile in the html folder in the package.

Tell me if you need more details!

Default-user

hi, does that mean we need to build 2 versions of the site, one for mobile, one for desktop ?

displayinline

Indeed, this is by design, because in some cases it is more relevant and practical.

If you are looking for a responsive template, you may give a look at Developr, which is built on the one-page-for-all approach. ;)

Feel free to ask if you have any other question!

Default-user

We’ve already purchased the other template for a different project, but wanted this one for the project we are using it on. I should probably have checked, but just assumed it would work. We have already done over 90% of the implementation on the main one. Is there any way to easily get the mobile version working ?

displayinline

Most features use the same markup everywhere, the only difference is in the menu/navigation markup and the loaded scripts/stylesheets. So you may try to use RESS (or anything similar) to detect the device type and wrap your content in the corresponding template.

Is this what you are looking for?

  • Bought between 10 and 49 items
  • Has been a member for 3-4 years
nazeem Purchased

Is there any provision to use date and time picker ? I am using the date picker it works well. I need to add in support for time entry as well. Please advice.

displayinline

Hi,

There is no built-in timepicker, but you can easily add one of these ;) You’ll find even more of them on Google.

Tell me if you need help when setting up one of them with the template!

Default-user
nazeem Purchased

:) ok.. will try n post feedback

  • Bought between 1 and 9 items
  • Has been a member for 1-2 years

hai everyone

i purchased this skin for word press cms. but i dont know how to integrate it with word press.help me.

displayinline

Hi,

This template is not compatible with Wordpress: it is a skin for developers. You need to implement it yourself on top of an existing CMS/framework.

Default-user

okay.then how could i use this skin for my website.?i don’t know how to start ? i need your complete guidelines.

Default-user

Hi, i want to change the demo chart values fetched from MySQL database. how to achieved that? help me…

  • Bought between 1 and 9 items
  • Has been a member for 3-4 years

Hi there.

We purchased an extended license in 2011, and have largely has success with the Constellation Template. Thanks for helping us turbocharge our development.

However, we’ve noticed a few strange behaviors that are taking place on mobile – notably iPad. As you knw, iPad (generally) has a “shrink-to-fit” approach – which draws the screen-size to convene to the mode you’re viewing the site in (landscape mode vs. tall mode).

The behavior that seems to keep happening is that the constellation template re-renders the width of the header (logo, dropdown nav, etc) just fine. But in the body, there are situations where the content areas do not collapse sufficiently – and extend beyond the viewable area of the screen.

I can get you direct access to our application if needed, but for now, here are a few screenshots that might illustrate what we are up against:

http://www.hrmarketer.com/not_collapsing.PNG http://www.hrmarketer.com/not_collapsing2.PNG

(Look at the right side of the screen, and note how content is drawing beyond the boundary. The only way to see it is use of a left-to-right scrollbar (IOW, pushing your finger across the screen to reveal the extra part of the table.

Can you think of any constellation-friendly code/JS that would force the body area to immediately convene to the width that an iPad is being viewed at?

Generally speaking when we are working with larger tables (such a list/grids) we do not have this problem. But when we have multiple content areas side-by-side – as seen in the screenshots, we’ll ofter run into this behavior.

Any ideas?

displayinline

Hi!

This probably happens because the content of the blocks cannot shrink enough to make the blocks fit in the available width. The grid itself is fluid with no min width, so it should resize well.

My advice would be to drop the 960.gs grid bundled with the template and switch to a responsive grid system, or even create your own. These will allow your content blocks to re-dispatch when the screen is too narrow, preventing the content from overflowing the screen. The markup is quite the same, you only need to change the classes names – nothing a good search/replace can’t fix in a minute or two ;)

And if you want to preserve compatibility with IE 7-8, make sure to include the media query polyfill Respond.js with conditional comments.

Tell me if you need more details! :)

Default-user

Thanks for your prompt reply. I am going to have our dev team look at your examples… and if we run into any issues, we’ll post comments, code samples, etc right onto this thread.

Many thanks!

  • Bought between 1 and 9 items
  • Has been a member for 1-2 years
  • India

Hi, I can’t figure out how to use your black cell icons for loading and action icons with datatables. How do I go about those? The same question has been asked by Engrihnsn but no respond from ur side. Can u plz try to explain i will be thankful to U.

Thanks

displayinline

Hi,

Actually, this depend on what you want to indicate. For instance, if you use Datatables server side processing, you can hook a callback to the plugin’s events to change this cell’s content:

var table = $('#table'),
    cell = table.find('thead .black-cell');
table.dataTable( {
    /* your options */
    "fnServerData": function ( sSource, aoData, fnCallback ) {
        // Show loading state
        cell.html('<span class="loading" />');

        // Load data
        $.ajax( {
           "dataType" : 'json',
           "type" : "POST",
           "url" : sSource,
           "data" : aoData,
           "success" : function(json) {
                // Done loading
                cell.html('<span class="success" />');

                // Tell DataTables
                fnCallback(json);
        } );
    }
} );

Hope it helps! :)

  • Bought between 10 and 49 items
  • Has been a member for 0-1 years

Russian language is?

displayinline

Hi,

The template use English placeholders, but you can use any language you want with it, as it is build using UTF-8. Just remember you need to implement it yourself on top of any framework/CMS, therefore you are free to use it the way you want.

There’s even a RTL version available, just ask if you need it ;)

  • Bought between 1 and 9 items
  • Has been a member for 0-1 years

Hey! I am interested in purchasing this template. Now I have my own website and I am hoping to use this for webmail. Is it all ready for me just to enter the credentials and server info for my site users to access there emails.

displayinline

Hi,

This template is only a skin for developers, it is not functional by itself. You have to code it yourself on top of any existing CMS/framework.

Tell me if you need more details! :)

  • Bought between 1 and 9 items
  • Has been a member for 1-2 years

hi everyone,

The demo chart contains only static values. how could change the values as dynamically with the help of php MySQL database. Thanks in advance.

displayinline

Hi,

Sorry, this is out of the support range for this item, but you will find plenty of tutorials and examples on Google to help you get started ;)

  • Bought between 10 and 49 items
  • Exclusive Author
  • Has been a member for 2-3 years
  • United States
xfloyd Purchased

Can you please help me with date-picker, I just want a simple prev. next month no drop down menus for month or year. Thanks

displayinline

Hi!

You will find a comprehensive documentation and many ready-to-use examples on the plugin’s website: http://keith-wood.name/datepick.html.

Tell me if you can’t find the information you need there! ;)

  • Bought between 10 and 49 items
  • Has been a member for 1-2 years
Hello, I’m interested, I love the color and texture, more options and layout choices would be nice :) we have some questions please:
  1. Do you plan draggable portlets or widtes, and in the draggable portlets, if user changes positions, how to capture and send the changed/dragged user layout back to server, JSON?
  2. Can some of the portlets be made bigger than the other, for e.g., can it span two columns or two rows
  3. Can you provides settings on the portlet int eh handle area, to allow for e.g., in the panel area draggable or print, edit color
  4. Can we change the graphs out completly, and how or, can you add sparklines to the graph, and the donuts are not interactive, e.g. boo Admin
  5. Icon library updates look under ICON fonts/updates
  6. How can I allow user to change skins easily
  7. How can I allow the user to change font type, or size for easy reading
  8. Adding a chat session space scroll down
displayinline

Hello! Great to hear you like my work :)

About your questions, just keep in mind this is only a skin for webapps, some of the element you mention rely on your implementation rather on the template itself. However, it provides all required elements to build the requested UI.

The blocks are not draggable by default, but this may be added quite easily using jQuery UI sortable interaction, or any other sort-to-drag plugin.

The template uses icons from the Fugue icons set, which inlcudes 3750+ icons, but you can of course use an icon font such as Entypo or Font Awesome, or any other.

About the charts, they are build using Google Charts API, of course you can embed any charting lib you want instead.

Feel free to ask if you need more details or if you want advice on how to integrate any third-party plugin! :)

  • Bought between 1 and 9 items
  • Has been a member for 1-2 years

hai , i purchased this skin recently and works well . but for mobile phones and i pad’s it views as a normal web version only not a specific templates for both.how to achieve this?

displayinline

Hi,

This template follows the distinct websites approach: it includes two distinct layouts, which you can use to build one site for desktops and another for mobile devices. This is by design, as this is the best option for many projects.

You will find more details on this in the documentation, in Getting started / Template structure / Versions.

If you are looking for a responsive template which allows to use the same code base for all devices, you may take a look at Developr ;)

Tell me if you need more details!

Default-user

hai displayline,

Thanks for your reply. is it same style to be followed for stats for mobile views. because there is no specific stats page for mobile .

displayinline

Hi,

Sure, you can use the script for the main chart from the standard version, it will work as well for in the mobile layout ;)

  • Bought between 1 and 9 items
  • Has been a member for 1-2 years

hai displayline,

Will This skin support  other type of charts?
displayinline

Hi,

This template uses the Google Charts API, you will find a gallery of all available charts types here.

And of course, you can use any other charting library instead if you prefer :)

  • Bought between 1 and 9 items
  • Has been a member for 1-2 years
  • India

Hi,

I like your quick response and now a days working on ASP.NET C# and trying to implement your template for the back-end purpose of my company. I’m stuck with the below validation & postback issue:

Ist :->> I’m able to show the Cross/Tick icons in the input button on the Button Click, but i want the Tooltip on the Cross/Trick as well. ( OR ) Cross/Trick should be displayed on the right-side as it is, and Message should be also displayed below the text box.

2nd :->> When all the input boxes are empty it will do the validation for all the fields and displays the Cross/Tick, but when i put anything inside one Input box the page gets postback. what is issue. can u check it plz. its urgent.

<script src="js/jquery.validate.js" type="text/javascript"></script>
<fieldset class="required">
    <legend>Benutzerdaten</legend>
</fieldset>

<label for=”formcardname”> Name </label> <input name=”formcardname” class=”full-width required” id=”formcardname” type=”text” />

<label for=”firstname”>Vorname</label> <input name=”firstname” id=”firstname” value=”” class=”full-width required” minlength=”3” type=”text” />

<label for=”lastname”>Nachname</label> <input name=”lastname” id=”lastname” value=”” class=”full-width required” type=”text”>

<fieldset class="grey-bg no-margin">
    <legend>Action on create</legend>
     
         
            

<label for="simple-action">Select action</label> <select name="simple-action" id="simple-action"> <option value="1">Save and publish</option> </select> </fieldset>

<asp:Button ID=”btnCreate” runat=”server” Text=”Create” CssClass=”big-button float-right” />    
<script type="text/javascript">
jQuery(document).ready(function () {
function ajaxNUW1(theForm) {
}
//end ajaxNUW1
return false;
jQuery("#form1").validate({
});
//end .validate
submitHandler: function (form) {
    ajaxNUW1(form);
    return false;
},
rules: {
    formcardname: { required: true, maxlength: 20 },
    firstname: { required: true },
    lastname: { required: true }
},
messages: {
    //formcardname: "Name is required and must be less than 20 characters" 
},
formcardname: {
    required: "Name is required",
    maxlength: "Name must be less than 20 characters",
    //required: "" 
},
firstname: {
    required: "First Name is required" 
    //required: "" 
},
lastname: {
    //required: "Last Name is required" 
    required: "" 
}
errorClass: "check-error",
validClass: "check-ok",
errorElement: "span",
highlight: function (element, errorClass, validClass) {
    $(element).addClass("error");
    $(element).parent("span").children("span").addClass(errorClass).removeClass(validClass);
},
unhighlight: function (element, errorClass, validClass) {
    $(element).removeClass("error");
    $(element).parent("span").children("span").removeClass(errorClass).addClass(validClass).style.display = "block";
}
});
//end .ready
</script>

displayinline

Hello,

Sorry but this looks a bit too specific to your project to provide support here. Besides, the code is all messed up…

If you have an online demo I may check, I can give it a look to see how I can help and give you hints on how to achieve what you asked for. ;)

isfanhabib

Hi, I was able to do the CRUD operations through DataTables. but in IE, Mozilla the Action column links for “Edit” , “Delete” & Publish/Un-Publish is not poping-up. please have a look. below is the link :

http://admin.hbtechnologies.net/_sites/hbtbackendtesting/protectedPanel/UsersSection_list.aspx
displayinline

Mmh… Hard to tell why this happens. After a quick search, it seems that if your function called in the href attributes returns anything else than undefined, Firefox and a few other browsers will display this value.

Did you try using the onclick attribute instead of the href? This may prevent such issue. ;)

isfanhabib

Hay man U are genious, it worked. And how is the work which i have done on datatable which in above. As I’m not a champ in jQuery, but even though i try with my best to work on it. Any suggestions.

  • Australia
  • Bought between 1 and 9 items
  • Has been a member for 3-4 years

Hi, firstly, thanks for the template. Its helped me and my personal project a lot.. I have a question regarding grid or tables.

Is your CSS for your tables as implemented in the template compatible with any java script tablet/grid tools such as jqGrid, or the Google Table?

Which would you recommend?

Thanks..

displayinline

Hi!

Well, I never used one of them with the template before… Actually, most grid plugins come with their own table styling, so you may pick one whose visual style matches the template.

Aside from jqGrid and Google Table, you may try Flexigrid and Handsontable.

Tell me if you need help implementing one of these on the template! ;)

Default-user

I have to say I’m surprised.. There must be an example of using a grid JS API some place with this template.. Any other users tried this with any success.. I was going to try http://www.datatables.net/, it looks ok. had some issues with jqGrid. (Styling issue and does not fit in well with rest of template) But I must say, grids are one of the most common things in building a admin panel. displayinline, you really should adjust your templates to work with some. Other admin templates now available on here are doing it…

I must say, I am very disappointed its not part of this template.

In any case, let me see how I go.. May get back to you on my adventures. (If I remember and have time)

Default-user

Umm.. DataTables not playing ball with my AJAX sources. Went back to jqGrid for now.. Not completely happy with the look, but it is very feature rich and seems to work as expected.. But will see.

  • Bought between 10 and 49 items
  • Exclusive Author
  • Has been a member for 3-4 years
  • Portugal

@jamiegau… just to let you know that I use DataTables with Constellation with great success, even using ajax. it took me a while, but it’s working great now.

displayinline

Thanks for the feedback! DataTables is a bit complex to master, but once it’s done it can be really awesome ;)

by
by
by
by
by
by