994 comments found

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

Hello,

Not sure if this was asked before or fixed, but I have an issue with the doc folder. I bring up index file on a browser but whenever I click on an item – for example, Getting Started – Files, I assume that the content would show up on the right pane – but it doesn’t. None of the content show up on any items.

Pls advise.

Thanks

displayinline

Hello!

This is a known issue with Google Chrome’s very restrictive security sandbox: ajax requests won’t work on local files.

To fix it, just place the documentation files on your local web server, or use another modern browser (Firefox, Safari, Opera or IE9 +), they work just fine ;)

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

When I open a modal dialog everything behind the background appears darker but I can still see a lot of the content.

Is there a way that I can make it so the background behind the modal is more dark?

displayinline

Hi!

Sure, this is easy: edit css/standard.css, and find the selector #modal (around line 1919). Then change this:

background: url(../images/old-browsers-bg/black50.png);
background: rgba(0, 0, 0, 0.5);

To this:

background: url(../images/old-browsers-bg/black80.png);
background: rgba(0, 0, 0, 0.8);

The background will be more dark. If you want it to have no transparency at all, just use:

background: black;

Or any other color, by the way.

Tell me if you need more details! ;)

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

Greetings,

Love the theme! However, I am having some issues with the planning.css. It works great for daytime settings. But I need a full 24hr setup or the ability to start a plan day from “noon” until “midnight”.

Any assistance is greatly appreciated!

Kind regards, -nandesu

displayinline

Hello,

You need to edit the time classes (from-XX, at-XX and to-XX) to match the time range you want to display, by adjusting the position increments and creating the missing classes.

For a 24H time span, overwrite the existing time classes with these custom ones, and adapt the header markup by adding the hours 1-7 and 9-11.

Then use any of the time classes between 0 and 24 to position your events.

Tell me if you need more details! ;)

  • Bought between 1 and 9 items
  • Has been a member for 2-3 years
Hello friend, I have some trouble for displaying calendar in model i went through previous posts. have tried some patches also . like
1. #model .datepick-popup{
z-index:999981;
}
second one is
2.
tried
function Load_Training_Schedule(url)
{
$.modal({
    url:url,
    title: 'Add Your Event',
    maxWidth: 0,
    width:700,
    complete: function(responseText, textStatus, XMLHttpRequest)
        {
        $(this).getModalContentBlock().applyTemplateSetup();

        }
    });
}
third one that i have modified some thing like this
function Load_Training_Schedule(url)
{
$.modal({
    url:url,
    title: 'Add Your Event',
    maxWidth: 0,
    width:700,
    complete: function(responseText, textStatus, XMLHttpRequest)
        {
        $(this).getModalContentBlock().applyTemplateSetup();
        $('#model .datepick-popup').css('z-index','999981');                    
        }
    });
}
thanks for your help and I appreciate your timely reply.
displayinline

Hi!

This may just be a typo in the code you pasted here, but the correct CSS selector for a datepicker inside a modal (solution 1) is modal, not model:

#modal .datepick-popup {
    z-index: 999981;
}

Does this solve your issue? If not, tell me and we will dig deeper ;)

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

Quick question about the modal screen again. I have used your login screen and it looks very good. Is there some way that I could change that screen so the submit button gets clicked if a user clicks the enter key?

displayinline

Hi!

The login page script already listen to the submit event on the form, so it will fire whenever the user clicks the button or hits the enter key.

The point is to listen to this event instead of the click on the submit button:

$('#form').submit(function(event)
{
    // Prevent form from being submitted
    event.preventDefault();

    // Do some processing
});

Is this what you where looking for?

  • Bought between 1 and 9 items
  • Has been a member for 2-3 years
hey sorry for typo mistake.. I have corrected it, but still same problem occurred . it loads calendar but behind the #modal div :(
1. #modal .datepick-popup{
z-index:999981;
}
and one more problem with tab in model its not working even i have applied applyTemplateSetup(); on complete.

thanks man!...

displayinline

Hi again!

Well, aside from this typo, I can’t give you much advice without seeing the actual code… Can you put up an online demo where I can run some tests? You can send me the link in a message on my profile if you prefer.

Also, did you check your browser’s console for JS errors?

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

When I have a lot of controls in my block-controls I notice that if the width of the block is reduced then the controls become obscured by the h1 block header. Is there some way that I could change this so that the controls move below the header when the window gets small. As it is the controls don’t work well with a small window. I can see this on most of your examples and in particular with your toolbar block in index.html

displayinline

Hi,

It all depends on the number of elements you put in it. About the title covering the controls, unfortunately there is nothing much to do, as it is absolutely positioned and then won’t affect the surrounding document flow.

About the toolbar example, it doesn’t work fine on (very) small screens because it only uses a half of the available width (this is on purpose, for the demo). You can make it use the full width just by changing a class, and no more issue ;)

Do you have screenshots of the issue you mention? Maybe I can give some advice on how to fix it :)

  • Bought between 10 and 49 items
  • Has been a member for 2-3 years

hey mate!

I’m going to buy this template buuuuut (sorry there is a but) before i do, i need to know is it easy to set up? Asin, change the code to display the data from my site ect ect. I’m a web developer but ive never had to create a dashboard as such so im a lil worried around the subject!

If you could let me know how easy it is to do and what bits would need to be changed i’ll buy straight away :) cheers mate!!!

displayinline

Hi!

This template is a standard HTML /CSS skin, with several custom jQuery plugins. There are not special requirements, so if you are familiar with webdesign, using it should be a breeze ;)

Just keep in mind that it is only a skin: you need to code it on top of your framework/CMS yourself.

Tell me if you need more details! ;)

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

Allo! J’ai une question sur l’admin skin, connait tu un moyen d’avoir un File Explorer comme le demo mais fonctionnel a 100%?

displayinline

Salut !

Non, pas à ma connaissance, son implémentation dépend trop de l’environnement et des fonctionnalités attendues. Vous pouvez partir d’un script existant et l’adapter selon vos besoins en utilisant les styles de la maquette.

N’hésitez pas à demander si vous avez besoin d’infos complémentaire ;)

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

Aussi, j’essaie en ce moment de rendre le site completement ajax. Donc quand je cliquerais sur un element du menu en haut, le contenu de la page partirait en fold et le nouveau contenu serrait charger. As-tu une idée de comment je pourrais rendre ca possible utilisant les fonctions actuellement disponible dans les libraires javascript? Voici un example très basique de ce que je voullais faire qui va t’aider a comprendre:

Dans le menu:

<li class="icon_newspaper" onclick="$('#testelement').foldAndRemove(duration, callback);"><a href="#">Press blog</a></li>

et prendre toute la section et faire:

<section class="grid_12" id="testelement">
displayinline

Difficile de donner une solution toute faite, ça dépend de la structure du site… Pour ma part, je partirais sur quelque chose comme ça (après avoir mis à jour jQuery pour la dernière version) :

$(document).on('click', 'a.ajax-link', function(event)
{
    // On récupère l'ancien élément, et on lui retire son id
    var old = $('#testelement').prop('id', '');

    // On crée un doublon pour recevoir le nouveau contenu
    var new = old.clone().empty().prop('id', 'testelement').insertAfter(old);

    // On masque l'ancien
    old.foldAndRemove();

    // On charge le lien dans le nouveau conteneur
    new.load(this.href);

    // Empêche le lien de s'ouvrir normalement
    event.preventDefault();
});

Il suffit alors d’ajouter la classe ajax-link sur les liens qui doivent s’ouvrir en AJAX .

Il y aura sans doute besoin d’ajustements, mais ça donne une base de départ ;)

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

I thought that this was a WordPress theme. I have no idea how to work any other CMS , is there any way that I can get a refund.

displayinline

Hi,

You may contact Envato’s support to request a refund.

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

hey its working but i got another query. on link i have opened model box and there is another button on which a small model box opens but when second model box opens the parent model is also active so i want to process second one first then parent . is it possible to do like this. and how to display tabs in model they are not working .
error

thanks

displayinline

Hi!

When working with multiple modal windows, you can modify them with jQuery methods just as any other element. For instance, when opening your second modal, you can hide the first one with the hide() method, then show it back when the second modal closes.

About the tabs, did you call the template setup function on your content if it was loaded via ajax or dynamically generated? It will make the tabs work as expected. See the documentation in Functions / Template setup for detailed instructions and example code.

Tell me if you need more details!

Default-user
Hey now calender in model is working fine. but still i stuck wid tab in model. and one new query to you that is i refresh the chat and mails with ajax and new contents are replaced with old one properly but pagination and slid effect of pagination is not working i have applied apply template function on success of ajax request.
            function loadrefnotice()
            {
            $.ajax({  
                  type: 'POST', 
                  dataType: 'html', 
                  url: '<?=base_url();?>index.php/notice/refmsg', 
                  success: function(data)  
                  {                    
                             if(data)
                             {
                          $('#refnotice').html(data);
                          $('#refnotice').applyTemplateSetup();    

                          }
                  }    

              });
            }
thank you displayinline for grate support
displayinline

Hi,

Well, hard to say without seeing the actual code and markup. Do you have a link to an online demo where I can run some tests?

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

hi, is there a ready made way to highlight search results?

displayinline

Hi,

Can you tell me more on the kind of search results you mention? Are those the results from the header search field?

Default-user

no. first we are using asp .Net MVC with telerik grids. there is a search that populates some grids and i want to highlight the results in the grids. lets say i`m seraching for kuku, i want kuku t be highlighted in all search results.

displayinline

There is no built-in function for this, but this is easy to achieve using the jQuery Highlight Plugin (see also a version with custom options and one with lenient mode)

Hope this helps! ;)

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

First my usual comment to anyone thinking to buy this template. Go ahead and buy it. The template saved me more than six months of work. It’s not perfect but it’s a very good template and I’m guessing it is one of the best on themeforest !

Back to my question: I just noticed the post by supra2010 and his tab problem is just like I was always getting before. I tried your new modal code but it was still a problem. In the end my solution was to set the exact height for all the tabs and specify the first tab as the current tab in my code. When leaving it to automatically size the height then I would often see the same thing with the tabs all stacking vertically.

I have a question about tables. I use the standard way of creating a table

table id="xxx" class="table" 
tbody

I have styled my site to a dark them but now I would like to do style the table as right now I have white text on a pale gray background. How can I style the table background and on-hover colors?

Any news on the next version of your template?

displayinline

Hi, and thanks! :)

About styling tables, this may be done in css/table.css: just change or duplicate styles to match the dark background. The styles you need to edit or duplicate are those between lines 132-204.

You may either change the background colors, or the text color – it’s up to you to choose ;)

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

Hi mate, Once again thanks for the Constellation UI, its great!

I am having a problem with the Datepicker in modals. It is different to previous posts, because I can see it fine.

I trigger the modal and it appears, the datepicker then appears fine when clicking inside the input element, however when you scroll the modal contents, the datepicker sticks to the parent window and does not scroll with the modal contents.

The Datepicker ends up being detatched from the input element.

Any help is greatly appreciated. Also, anyone who hasn’t yet should buy the Developr library too!! :)

displayinline

Hi, and thanks! :)

About your issue, this is related to the positioning of the Datepicker: it is relative to the whole page, not to the input it is bound to.

I searched for a way to force a refresh of the Datepicker position, but there seems to be no dedicated method. You may try to do something like this (assuming the Datepicker input has the id #datepicker):

// Elements
var input = $('#datepicker'),
    modalContent = input.closest('.modal-content');

// Function to update datepicker position
function updateDatepickerPosition()
{
    input.datepick('hide').datepick('show');
}

// Listen
input.focus(function()
{
    modalContent.bind('scroll', updateDatepickerPosition);
});
input.blur(function()
{
    modalContent.unbind('scroll', updateDatepickerPosition);
});

If you upgraded to jQuery 1.7+, replace the bind/unbind calls by on/off (same syntax, only the names change).

Hope this helps! ;)

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

Forgive my ignorance but after searching around the web, I am having trouble with this concept. Could you please elaborate what admin themes really are? If it is something I can really use, I will gladly purchase yours here. Does it generate code for you based on what you choose? Is it independent or does it install to something like Wordpress?

I will greatly appreciate some details from anyone. Thank You!

displayinline

Hi!

There are several types of admin skins depending on where you find them, but those here at ThemeForest are HTML /CSS skins: they are meant for developers building their own framework/CMS, who know how to code but don’t want or can’t design the interface. They pick one, and implement it on their code.

Most admin skins are not functional by themeselves, just think of them as an outfit for your code ;)

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

In IE9 and Firefox, the arrows in pick lists appear in the text box, while the webkit browsers, Safari and Chrome, have the arrows adjacent to the text box. Any suggestions on the best way to have all pick list arrows be adjacent to the text box as they are in Safari and Chrome.

Many Thanks.

displayinline

Hi!

I am sorry, I am not sure if I understood you well: what do you mean by “pick lists”? If you mean the drop-down selects, the only way to use a consistent styling across browsers is to use a styling plugin, such as Select2 – which also provides a bunch of useful features.

Or are you talking of something else? English is not my native language, I sometimes need a little help ;)

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

Hi, In a form I use the jquery-ui autocomplete function. This works fine and values are returned correct, but the list under the text field is blue with a small font and no border arround it. Do you have any suggestion on how to properly display the results? Regards Andrea

displayinline

Hi!

It looks like there are some missing styles from jQuery UI. Did you check if the required styles are loaded?

You may also write your own styles or use the template styles – just use the browser DOM inspector to check what classes are required.

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

Hi,

I’m using the status-bar like in the doc/index.html file. I want to add flag buttons for i18n purpose, but I can’t fugure out where is the documentation for the layout. So far I have done :
<!-- Status bar -->
    <div id="status-bar">
        <div class="container_12">
            <ul id="status-infos">
                <li><a href="#"><img src="images/icons/flags/gb.png" class="button" width="16" height="11" alt="English" title="English" /></a></li>
                <li><a href="#"><img src="images/icons/flags/fr.png" class="button" width="16" height="11" alt="Français" title="Français" /></a></li>
                <li><a href="#"><img src="images/icons/flags/es.png" class="button" width="16" height="11" alt="Spanish" title="Spanish" /></a></li>
            </ul>
            <ul id="status-infos">
                <li class="spaced">Foo</li>
                <li><a href="#" class="button">Bar</a></li>
            </ul>
            <ul id="breadcrumb" />
        </div>
    </div>

It’s quite ok but I want the flags to be on the full rigth on the status-bar. How can I add seperation between the Bar button and the flags buttons ? Thx

displayinline

Hi!

The best way is to create a new class for the separator:

.status-separator {
    width: 0;
    height: 38px;
    margin: 0 2px 0 9px;
    border-left: 1px solid #ccc;
    border-right: 1px solid white;
}

Then use this markup:

<!-- Status bar -->
    <div id="status-bar">
        <ul id="status-infos">
            <li><a href="#" class="button"><img src="images/icons/flags/gb.png" width="16" height="11" alt="English" title="English" /></a></li>
            <li><a href="#" class="button"><img src="images/icons/flags/fr.png" width="16" height="11" alt="Français" title="Français" /></a></li>
            <li><a href="#" class="button"><img src="images/icons/flags/es.png" width="16" height="11" alt="Spanish" title="Spanish" /></a></li>
            <li class="status-separator" />
            <li><a href="#" class="button">Bar</a></li>
        </ul>
    </div>

Note that this markup use only one status-infos element: there must be only one element with a given ID.

Hope this helps! ;)

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

Hi, I like the planner option. So, if i have a planner from March 15th to April 10th. How can i set this in class.

Please advice

displayinline

Hi!

You need to rewrite the day classes in css/planning.css (at the end of the file) to match the desired range.

Just note that you can’t dynamically change the number of days displayed by the planner (for instance, if you allow the user to choose start/end dates). If you want to do this, you must position elements with javascript: divide 100 by the number of visible days plus one to get the size of the gutters, and set the left and right position according to their range.

For instance, if you have 25 days:

// Size of gutter
var days = 25;
var gutter = 100/(days+1);

// Position days
$('.planning-header li').each(function(i)
{
    $(this).text(i+1).css('left', ((i+1)*gutter)+'%');
});

// Position a bar with id 'event-5' from day 4 to day 8
var start = 4;
var end = 8;
$('#event-5').css({
    left: (start*gutter)+'px',
    right: ((days-end-1)*gutter)+'%'
});

Note that you can also do this server-side while generating the markup – the logic is the same.

Hope this helps! :)

by
by
by
by
by
by