78 comments found.
How do you set the 2nd or 3rd accordion to be active?
Hi Trran,
With this you can set the second on active:$(".accordion").accordion({
autoHeight: false,
active: 1,
navigation: true
});When you change the 1 to number 2 then the third becomes active and so on…
Thanks Rory. By the way great work on this. So far I’ve been able to customize everything I’ve needed thanks to well detailed notes.
Question, Why i dont see a ‘purchased’ label on your name?
The other developer is the one who purchased it. I’m just doing part of the coding.
Ahh oke no problem! Succes with your project!
Question. I want to put in a close button on the model boxes instead of or in addition to the hide button. So a user could click ADD NEW USER and the modal would pop up. At the bottom they would have submit or cancel. I want the cancel button to close the modal. How do I enable that in the js?
2nd question how do I set the default records for the tables to 10 instead of 5? Is this something I can pass in from each page in case on one page I may want 1 table to show the first 10 and the other table to show 5? Thanks
Hi Alex,
First you can put a cancel button like:
<button type="submit" class="red" onClick="$(this).dialog('close');"><span>Cancel</span></button>
Then the box will disappear.And here you can download the close button:
http://www.dreamwire.nl/themes/CleanDream/gfx/box-close.png
Then open modalbox.css and go to line 36 and change that class into this:
.ui-dialog .ui-dialog-titlebar-close {
float : right;
margin : -4px 5px 0;
background : url(../gfx/box-close.png) no-repeat left bottom transparent;
overflow : hidden;
cursor : pointer;
width : 54px;
height : 21px;
}
and on line 46 into:
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus {
background : url(../gfx/box-close.png) no-repeat left top transparent;
}
To change the datatable lenght open inline.js and scroll to line 104 there you will find the text ’”iDisplayLength”: 5,’ you can change this to any number you would like.
I hope this helps you.
Kind Regards,
Rory
Solved my problem 
I needed to open the form before the table not between the table header and body.
Thanks Simon
Good , succes with your project!
Yes I do.
When the form tags are wrapped around the ‘Pager’ section it works but if I wrap them around the complete table (I need to access the checkboxes values) then it does not work.
I am probably missing something very simple but I can’t get the ‘Delete’ button (the one below tables) to submit the form.
What am I missing? 
Simon
Hi Mightymango,
Do you have a form tag around the table with an action for the delete button?
Hi Rory,
Do you have a demo of the fluid layout or can you provide instructions on how to convert to fluid?
Thanks
Hi Monatech,
I have no live preview available but the thing what you must change to make the theme fluid is this: (only with the new files)
- Open style.css
.container {
position : relative;
margin : 0 auto;
width : 980px;
/* Want a fluid template? Delete the width property then and place this two lines instead
min-width : 980px;
max-width : 90%;
*/
}
Beatiful theme! I want to buy it. But I need fluid layout. Can you implement this version? Are you using 960.gs framework? In my form I need to show more element next to other ..
Hello Clembo,
I am busy to make it fluid but IE 7 is giving me a hard time! I dont not use a grid framework but you can place mutiple boxes next to each other.
See: http://www.dreamwire.nl/themes/CleanDream/boxgrid.html
And you can put form elements next to each other…
Hi Clembo,
The time is there! Now the option is there to make it fluid!
Kind Regards,
Rory
I am trying to make a drop down box in one of the cells of a table though it doesn’t seem to be working correctly.
It displays the text of the drop down I am trying to make and when I click on it all of the other selections show up far to the right. Also there is no background behind the first selection to indicate it’s even a drop down. Is there a way to either fix this or to completely disable the styling for drop-downs?
Do you have the newest version of the theme?
Because wen i put a select box in a table cell the select box is working normal.
hello, i just purchased this template and love it. The only addition i’m struggling with is to get the Timepicker aded to the jQuery DatePicker component. I got it from here: http://trentrichardson.com/examples/timepicker/ but it looks like their CSS and yours keep conflicting. Can you please add the TimePicker addon to the jQuery DatePicker component?
thank you
Hello Soho33,
I have update the files but it is 22 in queue, so please be patient.
Here you can see the result:
http://www.dreamwire.nl/CleanDream/forms.html
Kind Regards,
Rory
thank you so much for a such quick response. it’s exactly what i’m looking for.
i’m very new on this site, so not sure what the queue means. will it send me an email once there is an updated version available so i can download?
cheers
Hello Soho33,
No problem it was a little update so it can be done quick.
Every theme that a author make or update must reviewed by Themeforest. So it standing in queue for that…
Hi,
I got this template purchased and startied using it in the project. We are considering to have forms in Modal window. If there are multi elements in the forms, then the height of the modal window increases.
This shouldnt happen. I need to show scroll bar in the modal window.
Please let me know how can I get the scroll bars work in Modal Windows.
Thanks, Pascal
Hi Pz2548
To set an height for the modal windows add this:
- Open js/inline.js
- Scroll to line 68
- And change that to:
$(".modal").dialog({
autoOpen: false,
closeText: '',
resizable: false,
width: 700,
height: 500
});
If you want you can change the height in any number.
I’ve bought your other product, Dreamadmin; but before I buy this product, I would like to know if it’s possible to sort in more ways in the graph? For example, I tried to sort hours 16-15, spanning over two days, but it automatically re-indexed the hours 00-23. The same applied to Days, how would I go about showing days, ie, Mon, Tue, Wed, etc. etc.
Thanks
Hi Segerdahl,
I think i must let you down. Flot doesn’t support day names so far i am knowing. And i am not a die hard javascript programmar so i can not fix that problem for you.
Maybe you can play with the plugin yourself and make it work?
Yep it did the trick!
Thanks, I’ll give it a go.
<input checked="checked" name="days[]" id="monday" value="Monday" type="checkbox" />
<label for="monday">Mon</label>
... repeated for the other 6 days.
If I use the above HTML then customInput.jquery.js seems to fail. It puts the ‘Custom’ div around the first item but none of the others.
I’m using ‘days[]’ for the name so that PHP returns an array.
Is this a ‘bug’ or am I doing something wrong?
Great theme by the way
Hi MightyMango,
- Open customInput.jquery.js and goto line 26.
- Change this:
var allInputs = $('input[name='+input.attr('name')+']'); into
var allInputs = $("input[name='"+input.attr('name')+"']");
And that will fix it
Any styling for modal dialog boxes (popup forms, for example) other than the default Fancybox?
Something like the other (in-page) boxes would be good.
In the next update!
Very Nice Template. But is there any way to implement multiselect input type (ListBox) ? Please guide. Thanks
Hi Bastasys,
Maybe this one will helps you: http://www.erichynds.com/jquery/jquery-ui-multiselect-widget/Kind Regards, Rory
Thanks for your previous reply. And is it possible to disable “hand write” option to datepicker input. Not disable whole element, but only writting into it.
Update:
readonly=”readonly” for INPUT solved this
Nice
+1 on the Fluid layout. I have purchased and love this template but the majority of my projects need to utilise the full screen width. Will you consider this, i’d be happy to donate a few $$!?
Hi Monatech,
I will look sometime for a fluid version but for now i am to busy for my own clients to fix this, sorry.
Hi monatech,
The time is there! Now the option is there to make it fluid!
Kind Regards,
Rory
Hello, please how can I change day and months names in datepicker? I want to translate it from english.. Thank you in advance..
Hi Mijotichy,
In the js map you will find a file date.js there you can translate the day names (line 30 and 42) and month names (line54 and 66) in the language you want
