ThemeForest

Constellation complete admin skin

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

One thing that I think is missing is a WYSIWYG form … would be a good implementation! I use pieces of your template (I redid the top menu with text and icons, and various modifications) on different devices (screens, touch screens, mobile). Saved a lot of work on all devices! One of the best template ever! PS: do you think of further developing this template now that is ready Developr (which I have seen is fantastic).

A personal recommendation is to also aim to an icon and text menu with option to have it on top or left/right side. Especially in an intranet or business applications solutions this is the best.

thanks bye

17 days ago
Author
displayinline displayinline replied

Hi!

Yep, I will add a WYSIWYG editor in the next update, sure! ;) I planned a global refresh of the template, hope to release it not too long from now.

16 days ago
  • Has been a member for 2-3 years
  • Bought between 1 and 9 items
master_p says
Purchased

There is a way to adapt this http://arshaw.com/fullcalendar ?

13 days ago
Author
displayinline displayinline replied

Hi!

Actually, you can use it out of the box, the plugin comes with its own styles. Unfortunately, you can’t use the template’s calendar style, as the plugin uses a completely different markup (JS controlled divs instead of table), but you can customize it easily by pasting some of the template’s CSS in the plugin’s stylesheet ;)

12 days ago
  • Has been a member for 0-1 years
sobi says

hi!

this Templet not working with Wordpress given the error- Broken Themes

The following themes are installed but incomplete. Themes must have a stylesheet and a template. Name Description themeforest-116461-constellation-complete-admin-skin Stylesheet is missing.

11 days ago
Author
displayinline displayinline replied

Hi!

Sorry, but this template is not a Wordpress theme, it is a skin for developers. If you misunderstood the item’s description, you may contact support to request a refund.

11 days ago
  • Has been a member for 1-2 years
  • Bought between 10 and 49 items
jasonfx says
Purchased

Hi, I’m having a small problem with tooltips. For example, if a button with tooltip is hovered over, the tooltip shows. But, when the button is pressed to load some ajax content in place, the tooltip just sticks to the page. It doesn’t go away. Any ideas on how to fix this?

11 days ago
Author
displayinline displayinline replied

Hi!

Actually, this kind of issue was supposed to be handled by the template setup/clear mechanisms, but in some particular cases they may not work as expected (some browsers do not call the mouseout event for removed elements). To fix this, just add this right before your ajax call:

$('#button').removeTooltip();

This will clear the tooltip, whether there is one or none.

Hope this helps! ;)

11 days ago
Purchased
Default-user jasonfx replied

You are awesome. Thanks for the continued support of this wonderful product. .removeTooltip() didn’t work (no such function?), but .hideTip() did the trick. I guess I have an older version.

8 days ago
Author
displayinline displayinline replied

Oops, I used the syntax from another template, sorry! But you found the right method name, so that’s cool ;).

Thanks for your feedback!

7 days ago
  • Has been a member for 0-1 years
  • Bought between 1 and 9 items
amotkram says
Purchased

This is the best theme ever made. Incedible!!!!! Thanks.

I am have trouble getting the searchfield working.

I have common.js, standard.js, jquery.accessibleList.js and searchfield.js included.

I call it as per the documentation…
<form class="form" id="search-form" name="search-form" method="post" action="/Users/Search">
    <span class="input-type-text">
        <input id="search-input" type="text" style="width: 400px;">
    </span>
</form>

<script type="text/javascript">
    $(function () {
        $('#search-input').advancedSearchField({ enableNavSearch: false });
    });
</script>

Is the comments the place to get help? If not then where?

10 days ago
Author
displayinline displayinline replied

Hi!

I just replied to your mail ;)

9 days ago
  • Has been a member for 2-3 years
  • Bought between 1 and 9 items
charlymz says
Purchased

Hi, Excellent template using it at my company intranet CMS i have a question, in planning. i want to display 2 or maybe 3 columns before the lines.

Thanks

10 days ago
Author
displayinline displayinline replied

Hi!

Well, this is a somewhat complex modification, too long to be described here… I think the easiest solution is to enlarge the column and build fixed-size columns inside each cell. Here are the main guidelines:

  1. Change the width of the column to make enough room for three columns, by incrementing these properties until you get the desired size:
    .planning > li {
        padding-left: 15em;
    }
    planning > li > span,
    .planning > li > a {
        margin-left: -15em;
        width: 14em;
    }
    .planning > li.planning-header > span {
        width: 13.5em;
    }
    
  2. Create a custom style for pseudo-cells, something like this:
    .planning-cell1,
    .planning-cell2,
    .planning-cell3 {
        display: inline-block;
        height: 2.5em;
        line-height: 2.5em;
        color: #333333;
        overflow: hidden;
        }
        .planning-cell2,
        .planning-cell3 {
            margin-left: 0.25em;
            border-left: 1px dotted gray;
            padding-left: 0.5em;
        }
    /* Set widths to use available space */
    .planning-cell1 { width: XXem; }
    .planning-cell2 { width: XXem; }
    .planning-cell3 { width: XXem; }
    
  3. Build each line like this:
    <li>
        <span>
            <span class="planning-cell1">First cell</span>
            <span class="planning-cell2">Second cell</span>
            <span class="planning-cell3">Third cell</span>
        </span>
        <ul>
            <!-- list of events -->
        </ul>
    </li>
    

Hope this helps! ;)

9 days ago
  • Has been a member for 2-3 years
  • Exclusive Author
  • Sold between 100 and 1 000 dollars
  • Bought between 100 and 499 items
  • United States
  • Referred between 1 and 9 users
blazedd says

screenshot

It would be nice if the meter for the file explorer would be fixed (google chrome doesn’t show anything).

Also I’ve built a fully working ajax file manager using this theme for a client and it’s awesome (their license, hence why it doesn’t say I purchased a copy).

8 days ago
Author
displayinline displayinline replied

Hi!

This bug only shows in Chrome because this browser does not allow any element within a progress element anymore, while it did when the template was released – these kind of elements are not stable yet…

You may just use a span instead, it works as well:

<span class="progress-bar">
    <span style="width: 68%">68%</span>
</span>

About the file manager, that’s great! I often got requests on building such a feature, can I recommend you to these people? ;)

8 days ago
blazedd blazedd replied

Sure! I’ve got a DB independent version that will be easy to implement for anyone. I’ve also got a nice Calendar interface with it as well. Both Ajax heavy.

EDIT : Oops, almost forgot to say thanks for the quick response and fix!

8 days ago
  • Has been a member for 0-1 years
  • Bought between 1 and 9 items
xfloyd says
Purchased

I’m trying to open modal with ajax content, but I cannot figure it out

win.loadModalContent(‘ajax.php’);

but that does not work, win probably need to be configure somehow, but that’s beyond me. Any example would be great. Thanks

8 days ago
Author
displayinline displayinline replied

Hi!

The code you gave is for loading content via AJAX on an existing modal window. If you want to open a new modal and automatically load content, just use the url option:

$.modal({
    url: 'ajax.php',
    title: 'Window title',
    buttons: {
        'Close': function(win) { win.closeModal(); }
    }
});

Is this what you are looking for?

7 days ago
  • Has been a member for 0-1 years
  • Bought between 1 and 9 items
rscholey says
Purchased

I am using your menu unchanged from what you have. To make my code display okay in this dialog I removed some mark up and to test out functionality I changed my href to make a javascript alert appear.

    <!-- Main nav -->
    nav id="main-nav" ul class="container_12" 
                li class='Home current '
        a  title='Home'  HREF='javascript:window.alert("hi");' >Home    ul
                li  class='current' >a  title='About'  href='/F00C/Home-About' >About
    /li>

The problem I am having is that when a user clicks on one of the upper menu icons on my site then the page does not go to that link on the first click.

What happens on the first click is that the link is made current and the menu choices for that appear below. Then only on the second click of the icon the new page is selected. I confirmed this by putting in an alert box call. This call only works on the second click of the top icon.

Is there some way that I can make just one click of the top icon make the page change to a new page?

8 days ago
Author
displayinline displayinline replied

Hi!

Sure, this is easy: there is an alternative mode for the main navigation where sub-menus are shown on hover rather than on click, your top-level tabs links will work fine then.

To use it, edit js/standard.js, comment the default nav script (from line 63 to 77) and un-comment the alternative script (block below).

Tell me if you need more details! ;)

7 days ago
Purchased
Default-user rscholey replied

Thanks for helping out. I was looking at standard.js about the same time as you and I solved my problem in a different way. What I did was to comment out the // event.preventDefault(); on line 64. This also seems to solve my problem. Now when I click the top level it takes me to the page in the href.

7 days ago
  • Has been a member for 0-1 years
  • Bought between 1 and 9 items
xfloyd says
Purchased

Can you explain why you initiate datatables in your example as below:

$('#example').each(function(i){ var table = $(this), oTable = table.dataTable(); }

Instead simple call as this:

var oTable = $('#example').dataTable();

I’m trying to implement “oTable.fnDraw();” it does not work with your initiation but it works with the other one. I’m sure you had a reason to initiate it this way. As always thanks for your answers and great support.

7 days ago
Author
displayinline displayinline replied

Hi!

You are right, the second syntax is simpler. I couldn’t remind where I used this, but I guess I setup each table in a different scope to store distinct reference to the table element, for further use – which was since removed.

About why oTable.fnDraw() does not work in the first case, it is hard to say without seeing the actual code… Maybe a scope issue.

Thanks for pointing that out! ;)

6 days ago
  • Has been a member for 0-1 years
  • Bought between 1 and 9 items
rscholey says
Purchased

I have a modal with a form inside. Inside that I have a tab area and inside that a textarea. Here’s the code I am using. Note that I added a “x” before some elements so it would format okay in this window.

<xul class="tabs js-tabs same-height">
            <xli class="current"><a href="#tab-text">Text</a>
            <xli><a href="#tab-notes">Notes</a>
        </xul>
        <div class="tabs-content">
            <div id="tab-text" class="clearfix">
                <div class="columns">
                    <textarea cols=99 rows=15 class="full-width" id="dialogText" name="Text">@Model.Text</textarea>
                </div>
            </div>
            <div id="tab-notes" class="clearfix">
                <div class="columns">
                    <textarea cols=100 rows=15 class="full-width" id="dialogNotes" name="Pages">@Model.Notes</textarea>
                </div>
            </div>
        </div>

The tab area does not stretch to match the height of my textarea. When I check with firebug I see the divs look like this:

<div id="tab-text" height:="">

I tried a couple of different things including using clearfix and enclosing in a columns class. Neither worked. 

Can you help me by suggesting how I could make this work. Is it even possible without specifying a default height to the tabs?</div>
5 days ago
Author
displayinline displayinline replied

Hi

Sometimes the tabs and the modal plugins do not well together, but it is hard to know exactly why… Can you try downloading the latest version of the modal plugin and use it? Maybe this will help.

If not, can you set an online demo where I can run some tests, or send me the complete markup you are using via my profile? I will try to find out what is wrong. ;)

4 days ago
  • Has been a member for 0-1 years
  • Bought between 1 and 9 items
rscholey says
Purchased

Some suggestions for your excellent theme:

a) Have you considered putting in some way for a content block to be hidden to have zero width. For example when I look at your documentation the right hand column is not wide enought to show some of the code samples. If there was just a way that I could make the Topics area less wide then I could more easily view the right hand side content.

b) I tried to create an unordered list inside and unordered list and another inside that. When I did this the vertical spacing did not look good. Have you thought to add some CSS for this maybe in your next release.

c) Do you think it would be a good idea to ask the users here for suggestions on what they would like to see included in the next version of this theme?

I’m looking forward to finding out what you add in the next version. Keep up the great work :)

3 days ago
Author
displayinline displayinline replied

Hi! Thanks for the suggestions ;)

Here are my answers :

a) This is interesting idea, but the implementation may change from one project to another… You can do this easily by playing with the columns classes (grid_1, grid_2, grid_3 and so on), either in the markup or using jQuery – you may even use one of the fixed-size columns classes.

b) Sure, I can add some extra CSS to fix this in the next update

c) I just set up a support forum with a special topic for suggestions :)

Cheers!

3 days ago
  • Has been a member for 0-1 years
  • Bought between 1 and 9 items
Alpha_TechIS says
Purchased

Hi, We just started building out the mobile version of our constellation based platform. In “mobile/tour.html” you mentioned “47+ standard template styles”. Were you referring to 47 mobile specific styles? if so, where do i find these? :-) Thanks

3 days ago
Author
displayinline displayinline replied

Hi!

These styles are the ones from the standard template, most of them can be used in the mobile version – the only ones you can’t use are those that are obviously too large for a small device’s screen: planning, large calendar…

All the other may be used ;)

3 days ago
  • Has been a member for 0-1 years
  • Bought between 1 and 9 items
zellerfossil says
Purchased

Just bought this theme but I cannot find a how-to or anything regarding the File Manager. Where can I find it?

Thanks for yor answer.

3 days ago
Author
displayinline displayinline replied

Hi,

The file manager is not functional, it is just a template for you to implement on your own file system.

If you want a fully functional file manager for Php using this template, contact Blazedd, he built an awesome solution ;)

3 days ago
  • Has been a member for 0-1 years
  • Bought between 1 and 9 items
cbellthemes says
Purchased

I am trying to move the search box to the top header bar using the standard-alt.css file.


<form action="search.php" method="post" accept-charset="utf-8"><header><div class="container_12"><p id="skin-name">Search <input type="text" id="s" name="s" autocomplete="off" /></p>
<div class="server-info">Logged in as <strong><a href="user.php">cbell</a></strong></div>    </div></header>    </form><div id="header-bg"><div id="title">Site Title</div></div>
The logout button is within the #sub-nav div.
<a href="logout.php" class="button red">LOGOUT</a>

So far so good, the problem occurs when I try to use the built in searchField functionality. The search results appear below my logout button, rather than covering it up.

I have tried setting the z-index of .result-block to 1000 in standard-alt.css, but that doesn’t seem to fix it. Any thoughts?

3 days ago
Author
displayinline displayinline replied

Hi!

You are right, this is a z-index issue, but the element you need to edit is the header inside your form: in standard-alt.css at line 120, change the z-index to 100 and the search results should show over the logout button.

Hope this helps! ;)

2 days ago
Purchased
Default-user cbellthemes replied

Thank you for the prompt reply! Great support for a great theme. Changing the z-index of the header did the trick. Thank you!

1 day ago
Author
displayinline displayinline replied

Glad I could help! ;)

1 day ago
  • Has been a member for 0-1 years
  • Bought between 1 and 9 items
supra2010 says
Purchased

Hello friend, good job. I am going to use control panel but on click of icon of control panel it should navigate to its respective navigation. for example write from navigation should be highlight when i click write icon. i have seen code from standard.js. for navigation part. in short i want to apply current class from control panel. but how to do it. and one more thing how to apply theme to form and its element which i want to show in model it display some thing wired

4 hours ago
  • Has been a member for 0-1 years
  • Bought between 1 and 9 items
Fprando says
Purchased

Hi!

We just bought your layout and we´re trying to develop the site navitagtion.

The main navigation (small icons) is working fine, but the sub-menus work but their style is not working properly.

I mean that when we click on the second link of the sub-menu, for example, the second page opens, but the sub-menu layout doesn´t change and feels like we´re still on the first page.

We realized that if we change the class of the second sub-menu to “current” we would get the look we want, but how can configure this function to change the class automatically when we click on the sub-menu links?

Thanks in advance.

Fabio Prando

4 hours ago
  • Has been a member for 0-1 years
  • Bought between 1 and 9 items
rscholey says
Purchased

I have the following code:

var modal = $.modal({
                        content: content,
                        ...
                        ...
                        buttons: {
                            'Submit': function (win) {
                                submitHandler($link, $('#main-form'));
                            },
                            'Submit & Close': function (win) {
                                var rc = submitHandler($link, $('#main-form'));
                                if (rc == true) { win.closeModal(); }
                            },
                            'Close': function (win) {
                                win.closeModal();
                            }
                        }
                    });
I have three actions, Create, Edit and Delete. Is there a way that I couldset up a different set of buttons for the Delete action without having to repeat the same code for the modal? In other words can I specify which buttons outside of the modal definition? I did check your documentation but can’t see anything that covers this.
2 hours ago
  • Has been a member for 0-1 years
  • Bought between 1 and 9 items
Alpha_TechIS says
Purchased

Hi, in the moblie pages, how do I use additional menus? I like the menu that exists in the top right, but I want to replicate the behaviour in other menus on the same page; each time I add an ul/li structure, it get flattened out.

thanks

39 minutes ago
by
by
by
by
by