There seems to be a recent little bug when viewing the Dark version of this theme on windows (not sure about MAC ) computers with Chrome. The header(s) now has a black strip running through them. When I bought this that wasn’t happening but it seems that as google has updated Chrome that is the result. Its fine on other browsers though. Please check out this problem on Google Chrome! Please see: http://67.199.34.216/dark-theme.jpg

Purchased this theme yesterday, it’s very nice.

How would you make elements in a table selectable for some sort of action, e.g. CRUD -like?

Awesome theme! I can’t seem to figure out how to change the default sort column in a dynamic table. I’m sure it’s a quick fix, just not sure where it is. Any help would be appreciated. Thanks!

Oh i had a little error with my js files integration. It’s okay now !

ArkhAnik.

Thx for your answer Hakimny, but i already did that. And it works, sure. I only have some problems : - the menu on the left is not dynamic (the error pages are not display). - the dynamic table doesn’t work !! But the other things well work (i guess because i didn’t test the whole template).

ArkhAnik.

@ArkhAnik

I am using it with CodeIgniter and it is working fine, it is just an HTML template so it should be framework independent.

just make sure you create an assets ( or whatever name you like ) on the root of the your website folder so you can end up with the folowing folder tree

Application System Assets

then copy all js,css,and images folders there, make sure you make one slight modifications when you reference your JS files or css file you need to use the full URL

for example for: <script type="text/javascript" src="js/custom.js"></script> modify this to be: <script type="text/javascript" src="<?php echo base_url(); ?>assets/js/custom.js"></script>

Assuming you creates an assets folder.

Hope this will help.

thx Hakim

Hi. Really nice design. But somebody did use it with CodeIgniter ? Cause it doesn’t work by me.

Can you help me? I added a HeadLoginView and it keeps wrapping. I played with the .welcome span in the main.css but I cannot get it to display the username on a single line without it wrapping to 2 lines.

<form id="form1" runat="server">
    <div id="topNav">
    <div class="fixed">
        <div class="wrapper">
            <div class="welcome"><a title="" href="#"><img alt="" src="../images/userPic.png" /></a><span> 
                <asp:LoginView ID="HeadLoginView" runat="server" EnableViewState="false">
                    <AnonymousTemplate>
                        [ <a href="~/Account/Login.aspx" id="HeadLoginStatus" runat="server">Log In</a> ]
                    </AnonymousTemplate>
                    <LoggedInTemplate>
                        Welcome <span class="bold"><asp:LoginName ID="HeadLoginName" runat="server" /></span>!
                        [ <asp:LoginStatus ID="HeadLoginStatus" runat="server" LogoutAction="Redirect" LogoutText="Log Out" LogoutPageUrl="~/"/> ]
                    </LoggedInTemplate>
                </asp:LoginView>
                   </span></div>
            <div class="userNav">
                <ul>
                    <li><a title="" href="#"><img alt="" src="../images/icons/topnav/profile.png" /><span>Profile</span></a></li>
                    <li class="dd"><a title=""><img alt="" src="../images/icons/topnav/messages.png" /><span>Messages</span><span class="numberTop">8</span></a>
                        <ul class="menu_body">
                            <li><a class="sAdd" title="" href="#">new message</a></li>
                            <li><a class="sInbox" title="" href="#">inbox</a></li>
                            <li><a class="sOutbox" title="" href="#">outbox</a></li>
                            <li><a class="sTrash" title="" href="#">trash</a></li>
                        </ul>
                    </li>
                    <li><a title="" href="~/Account/login.aspx"><img alt="" src="../images/icons/topnav/logout.png" /><span>Logout</span></a></li>
                </ul>
            </div>
            <div class="fix" />
        </div>
    </div>
</div>

Thanks, I really like the template and just staring to customize to my needs.

Hi Kopyov,

I’m working with this template for a client (Who purchased it under their own account). I’m doing partial pageloads using ajax, and found that I need to re-run some or all of the code in custom.js to have layout appear properly (for example form/radio + labels)

However, it appears it has some undesirable side effects if the code is repeatedly executed for sections of the HTML document that has already been handled (radio elements get duplicated/show as a ‘shadow’)

I think ideally the custom.js code could be executed only on the content just loaded by the ajax request. How would I go about that?

Any alternative solution that works would also be fine!

Thanks, Ronald

Any Idea on this

Hi Kopyov

I was trying to add a widget to a toggles group dynamically with jquery using .prepend() so it is added to the top of the list, although it is added fine, but arrow on left side is not showing and it is is added in an open status, so you can’t close it.

Do you have any idea on how to fix this

Thx in advance.

@rkulkarni & Kopyov

I confirm that the workaround worked for me, The only difference is that

I used $.uniform.update(); since i had multiple dropdown lists and it did update all of them.

Hi, Thank you for a great template. Multiple Select form element is not working in IE7 . Kindly check.

Very impressed with this theme. It’s well thought out and well executed.

Sometime back I spotted in a previous post about a feature request to be able to switch the vertical sidebar menu to a top horizontal menu. Unfortunatly I can’t find that post now. Do you have any plans to do this?

Hi, great UI-Design!!!!!! Man thanks you saved my time and life! I found an Bug. You are using .content { overflow: hidden; /*here you want to clear the content but some bug apears*/ padding-bottom: 80px; }

you can reproduce this bug when you try an “selecet input” with more the “20 options” as an example. than it will cut the content.

But thats an mini bug which i want to tell you because some other users don´t know how to solve it.

Next question – where is a “Select File” in psd to change?:P

This is what is available on the DOM post script execution. I see the options there in DOM but not visible!

<div class="rowElem noborder"> <label>Inventory Type: <span class="req">*</span></label> <div class="formRight searchDrop"> <div class="selector" id="uniform-inventorytype"><span style="-moz-user-select: none;" /><select id="inventorytype" tabindex="-1" style="width: 100%; height: 100px; display: none; opacity: 0;" class="chzn-select required chzn-done" data-placeholder="Choose the inventory type..."> <option value=""></option> <option value="1">iPod Touch</option><option value="2">iPhone 3</option><option value="3">iPhone 3GS</option><option value="4">iPhone 4</option><option value="5">iPhone 4S</option></select></div><div id="inventorytype_chzn" class="chzn-container chzn-container-single chzn-container-active" style="width: 512px;"><a class="chzn-single chzn-single-with-drop" href="javascript:void(0)" tabindex="-1"><span>Choose the inventory type...</span><div><b /></div></a><div style="left: 0px; width: 510px; top: 25px;" class="chzn-drop"><div class="chzn-search"><input type="text" autocomplete="off" style="width: 475px;" tabindex="2"></div><ul class="chzn-results" /></div></div> </div> <div class="fix" /> </div> <code /></code>

Hi,

I’m facing the same issue reported by hakimny, the solution you pointed to doesn’t work either. Below is the code, any help is really appriciated.

$("#newinventory").click(function(event) { $.ajax({ url : "http://localhost/inventory/inventorytype", type : "GET", data : "UserId=" + readCookie("userId") + "&SessionKey=" + readCookie("sessionKey") + "&UserAgent=1", success : function(data) { var stats = jQuery.parseJSON(JSON.stringify(data)); $.each(stats["InventoryType"], function(k, v) { //alert(v.InventoryId + ", " + v.TypeName); $('#inventorytype').append($('<option></option>').val(v.InventoryId).html(v.TypeName)); }); $.uniform.update("#inventorytype"); } }); });

On the other hand another strange issue is that when i place option manually, the list shows only couple of elements. I’have placed the form div inside tab div and my ddl is almost near the end of form. Not sure how to resolve this one either.

Regards, RK

Hi. Very nice theme. I especially love the dark version. Just a quick note that the latest version of Chrome 18.0 has a bug that makes the dark theme’s gradient background behind headings (class=head) appear broken. This is reported as issue http://code.google.com/p/chromium/issues/detail?id=113726. One of the Chrome developers feels ashamed about it!

Very nice. I may use this for a new project.

Found a bug in the demo however using Chrome. If you scroll down sometimes the top bar get stuck somewhere in the middle of the page, and it creates two bars. One top and one in mid. If you scroll down again they merge.

Thanks.

P.S. Are you available for hire to customization the theme? I want to change some stuff graphically so it looks a little more unique.

Hi there,

I’m having some difficulty figuring out the form elements. I am trying to reduce the amount of padding that surrounds the text box. What fields should i look at in the CSS ?

Thank you