sorry... but i can't get this running on the server
is really only the public folder needed, nothing more ?
i use pm2
and the error log give me 2015-02-22 13:46 +01:00: /home/wuetrs/public_html/t1.infon.io/public/js/test1/test1.js:69
var _RTR_=window.ReactRouter || {};
2015-02-22 13:46 +01:00: ReferenceError: window is not defined
at /home/wuetrs/public_html/t1.infon.io/public/js/test1/test1.js:69:11
at Object.<anonymous> (/home/wuetrs/public_html/t1.infon.io/public/js/test1/test1.js:903:3)
at Module._compile (module.js:456:26)
at Object.Module._extensions..js (module.js:474:10)
at Module.load (module.js:356:32)
at Function.Module._load (module.js:312:12)
at Function.Module.runMain (module.js:497:10)
at startup (node.js:119:16)
at node.js:906:3

any idea ?
btw.. localy it works fine, and i did the gulp --rtl --name test1 --production
Which server are you running on and how are you running it? pm2 is a process manager afaik and doesn't provide a server. If you are using Node, you can just run: sudo NODE_ENV=production APP=test1 PORT=80 node launch.js
yep, i use Node and NGinx as the proxy
pm2 i use as process manager, as i do with other node apps.
But i see the point now, that launch.js is needed. I was a bit confused from "only public folder" info i read above, as both index.html and the launch.js is not in the public folder
You only need the public folder for non-Node servers. For example, a PHP server must include a index.html file that points to resources in the public folder. For NodeJS you should run the launch.js itself (you also get server side rendering).
Hey @wuetrs : Did you ever get this setup working? I'm trying something similar per instructions on DigitalOcean and I have it working but something keeps crashing after 4 or 5 minutes.
Hi frequencydesign,

You can use pm2 for monitoring your app. As far as crashing after 4 or 5 minutes is concerned what memory is allocated to your instance? Is there a stack trace that you can provide so we can investigate?
I was able to use pm2 with this command line:
NODE_ENV=production APP=app PORT=8080 pm2 start launch.js

This monitored the app and it never crashed, - or it did crash and was immediately restarted. I used "pm2 monit" to monitor the app but I never saw any problems.

I have 1 64bit CPU and 1GB of RAM on a DigitalOcean Droplet (VPS) server instance.

Now I have tried to go back to using just "NODE_ENV=production APP=app PORT=8080 node launch.js" so that I could get the crash error, but it's not crashing. If I get the crash error, I will try to find the error and post it for future help debugging. I also forget where I can find the error logs that I could maybe go view to see past crash error outputs. I'm pretty sure the errors were memory related.
using the index.html
You haven't included the stylesheet. The index.html has a lot of placeholders which you need to substitute with the correct paths to resources. The one we have provided is only for development purposes. Here is an example index.html: https://gist.github.com/shripadk/ad086104a2310140f153
Tks for the gist. That works great, directly hosted in Nginx. Tks a lot for your great support.
The other environment (hosted in Node, Nginx as a proxy) I will test later too.

probably it would be good to have a short paragraph about such deployment scenarios, which files/folders are needed, and what gulp --production do and what not (manually). just a hopefully constructive "critic"
Thanks for the suggestion. Yes we are already working on this for Rubix 3.0 (especially deployment to PHP/Rails servers).
What do you think the timeline on a PHP version is?

This is probably one of the most versatile theme I have reviewed so far. Other then the Wizard being a little visually weak it is fantastic.

Keep up the great work.
We'll be done in two weeks for both PHP and Ruby on Rails native version of Rubix. We'll see if we can try and release it much earlier :)
Go Go Ruby on Rails! I was about to buy it but I will wait for the RoR version as I am far more comfortable with it and it'll save me time to build it from nothing. Thanks guys!
Wow, what a BEAST of a project template. Congratulations and thanks!
Thank you for those kind words :)
it doesn't works on osx + iojs, npm install fails http://pastebin.com/Wjc2KVbF
We haven't tried it with io.js and don't intend to support it yet (the io.js project itself seems pretty fluid and not stabilised on their API). It looks like an issue with C++ addon integration with a third-party module. Recommend using NodeJS until io.js reaches maturity.
Is some way to get the template without reactJS?
No sorry. This template is ReactJS only.
What are the best practices for use this template on an external project (asp vnext) ?

On aspmvc this is the structure:

/Views/<Controller name>/<View name>.cshtml VIEWS

The structure is not mandatory (at least for Content & Scripts), the view folder cannot be customized (I suppose).

Is it fine if I copy the structure to the root and if I customize gulpfile as I need?

Hi Andrea,

Yes you can customize your gulpfile to make it work with ASPmvc structure. We are working on native ASP.net integration for Rubix 3.0 so once it is released you shouldn't be facing this problem.

I'm having two problems with this theme.

1. On iOS in safari, both the demo and the app both just show up as a blank white screen. I can, however, pull up the rubix demo that's hosted on sketchpixy.

2. I was wondering if this could be used as a front-end for a Meteor project, or what backend you would recommend to integrate this project with.

1. You need to pass in the whost parameter (with the IP/hostname of your mac/pc) while running gulp to make it work.

2. We have not tried integrating Rubix as a front-end for a Meteor project but it should be possible.

Menu component in bootstrap is not working quite well.
1. It only loads MenuItem once on ComponentWillMount. I can't load menu item dynamically.
2. I can't write menu items like this:
<menuitem header />
I have to put all menu item in one array.

I also found there is no Menu item in React-Bootstrap lib now. Is this Menu component customised, the bootstrap is out of date?
Our's is a custom implementation and has nothing to do with react-bootstrap library. When we released Rubix, react-bootstrap was in its early stages of development. What is stored in menuitems variable? Can you provide a gist so we can debug this?
I purchased it today.
I can't get it to work on PHP or (PHP with Laravel).
I read a comment 2 weeks ago by someone asking for PHP version and you wrote it will be ready by 2 weeks.
I read another comment by someone 5 months ago asking for Laravel instructions and you wrote that instructions will be provided in the next release (which has already occured). I can't find those instructions. Can someone please help me?
I also followed the instructions to get it to work on mac. Installed NPM etc.

sudo npm install . --> spits out a lot of deprecation warning and errors
sudo npm install -g gulp --> More warnings and errors
sudo gulp --> More errors:

throw err;
Error: Cannot find module 'base64id'
There was no need to sudo everything. For locally installing modules, you just run "npm install" and for globally installing modules (unless you are not root <- npm will warn you), you run "sudo npm install -g gulp". To run gulp you just run "gulp". From looking at the final error message of missing module, I can deduce that your npm install itself was abruptly ended (maybe you shouldn't have used sudo in the first place?).
Although I can't get it to work at all, the template itself looks absolutely amazing.
Yes we had planned to provide instructions for Laravel, but it took a backseat because of various bugs we had to fix. Then we decided instead to provide integrations ourselves which will be available in Rubix 3.0. As far as the errors are concerned, can you please send us a mail so we can help debug this issue?
When will Rubix 3.0 be released?

Also, since I need to try and get it to work ASAP, and I understand that by adding a separate client-side js file in the script, I can do the JSX->JS compilation happening at client side with a Node.js server to do the transform, how can i get a basic version running so I can start using it.

Also, I will send all the installation error messages within 15mins.
We are working on getting Rubix 3.0 to natively work with Ruby on Rails, PHP and ASP.net. So it'll take some time to get the integrations working properly. If you would like to try out a beta version of it (when it is ready) just mention it in the email. As far as getting the basic version running, please mail us the error messages so we can help fix those issues for you.
I got the installation to work.

You need to update the installation document for Mac OS X users to add sudo at the front of each command.

I tried it first without sudo (which is when the errors came), then tried it with sudo (but because i tried it without sudo, it had already generated a whole lot of files) so it didn't work.

Only after deleting all the folders and trying it again with sudo it worked.

2 Questions:
1) Currently the installation is showing the blank project. How can I get it run the original project.
2) As I make modifications to the src/jsx/app folder (with my own project), do I just have to run gulp for it to get configured? Then after running it, which folders are can I now use with PHP?
We use MacOSX ourselves for development. Looks like your NodeJS installation folder has wrong permissions set. Normally, you shouldn't sudo modules you locally install because it can open up security issues. Please check the following article on why using sudo is a bad idea: https://jesse.sh/sudo-npm-install/

1. Run: "gulp --rtl --name demo"
2. All the compiled JS/CSS files go into the public folder. Here is an example index.html that you can use to include these JS/CSS files: https://gist.github.com/shripadk/ad086104a2310140f153
It turns out sudo was not the issue.

gulp --rtl --name demo <- doesn't work.
gulp <- works,

I've emailed you terminal output.
Received your email. Lets continue discussion in the mail.
If I scaffold a new app I cannot see icons, tried on osx (2.2 / 2.3) and on windows (2.2)

Yes you need to manually copy the icons from the public/fonts/dropbox/demo folder to public/fonts/dropbox/<scaffolded-app-name>. We avoided including fonts as some would want to use their own fonts, or not want to use all fonts provided.
Thanks :)
I'm trying to add authentication to my project.
I added fluxxor and I created an AuthenticationStore, I would like to create different components for logged in users and for guests (sidebar, header, etc).
What are the best practices? I'm on the wrong way?

rdnewman PURCHASED
I'd like your recommendation about handling the theme updates you provide since I'm a bit new to these kind of themes. I'm putting my app as a named peer to "app" and "demo" under "src", let's call it "myapp". Is the expectation is that I merely need to take your newest updates and just copy "myapp" under the new "src" and re-gulp? I'm worried about side effects since there seem to be some provided content provided directly under "public" in new releases, but I want the upgrade process to be as trouble-free as possible. It would be nice if gulp just copied those resources from another point elsewhere so that "public" can be safely and completely regenerated as needed. That way I wouldn't have to worry about trashing necessary parts of the theme when I apply new upgrades from you.

rdnewman PURCHASED
Also, I wonder if I've misunderstood how scaffolding is supposed to work here. Would that help the upgrade path?
rdnewman PURCHASED
Sorry, one more. Is there a convenient way to remove the "app" and "demo" code from the overall set? I can keep a copy for reference, but for the code base, it'd be nice not to include extraneous pieces. That could help the upgrade process I've pictured as necessary.
I think that scaffolding is not changing inizitalizeLocales on main.jsx

l20n.initializeLocales('app', {
'locales': ['en-US', 'it'],
'default': 'en-US'
'app' is not correct :)

btw great template, I'm learning a lot :)
[might now show purchased but I did; just temporarily misplaced the proper login :-)]

Having issues using Rubix in combination with the react-tap-event-plugin to use onTouchTap events (very convenient in my other React apps). The onTouchTap event simply never triggers. onClick works fine, as expected. I'm not sure where things are going wrong.

Any experience with this? Thanks.
bjrmatos PURCHASED
Hello, i've been using Rubix and i'm lovin it :)

but i have a problem with modals and inputs, for example if i put an input in the ModalBody component, the input is rendered but i can not write in it :(

this is my code taken from the example of modals in app/ui-elements/modals route:

getSmallModal: function() {
return (
<Modal sm>
<Button onClick={ModalManager.remove} onTouchEnd={ModalManager.remove} close />
<h4 className='modal-title'>Modal title</h4>
{/* this input is rendered in read only*/}
placeholder="Escribe algo"

<p><LoremIpsum query='2s' /></p>
<Button outlined bsStyle='danger' onClick={ModalManager.remove} onTouchEnd={ModalManager.remove}>Close</Button>
<Button outlined bsStyle='primary' onClick={this.handleClick}>Save changes</Button>
they have e.preventDefault() set on keydown.
in scr/global/vendor/bootstrap/modal.jsx
line: 77 comment out that line
this is what i added for myself
//e.preventDefault(); //comment out if you'd like to have forms in your modals. disables keydown
Hello, congratulations for the template !!!
I wonder if there is a tutorial on how to use the template with asp.net behind and that you can run it in IIS.
Checking on Ver 3 or native integration with Rails. Happy to try beta. Please let me know.

Write a comment

This is a great way to give the seller feedback and ask them questions about their item.

You must sign in to write a comment

Sign in or sign up to make a purchase


Licenses: Details »

Single application $24
  • HTML Template
Bootstrap: Compatible with 3.3.x
  • Responsive
  • Fluid
  • Fixed-width
  • IE 9, 10, 11
  • Latest Chrome
  • Latest Firefox
  • Latest Safari
Uses Less:No
Uses Sass:Yes
Labels: admin, bootstrap, dashboard, graphql, laravel, meteor, rails, reactjs, redux, relay
Released:4 years ago
Updated:2 years ago
Sold exclusively on WrapBootstrap


Signed up 4 years ago

Need a front-end template?

About Bootstrap

Bootstrap is designed to help people of all skill levels – designer or developer, huge nerd or early beginner. Use it as a complete kit or use it to start something more complex.

Unlike other front-end toolkits, Bootstrap was designed first and foremost as a styleguide to document not only its features, but best practices and living, coded examples.

Built to support new HTML5 elements and syntax with progressively enhanced components.

Browser support

Bootstrap is tested and supported in major modern browsers like Chrome, Firefox, and Internet Explorer.

Tested and supported in Chrome, Safari, Firefox, Internet Explorer, and Opera.
  • Latest Chrome
  • Latest Firefox
  • Latest Safari
  • Latest Edge
  • Internet Explorer 10/11
  • Latest Opera

Features & includes

Bootstrap provides an unparalleled array of features and reusable components that let you hit the ground running:

  • Responsive 12-column grid
  • 12 custom, modular jQuery plugins
  • CSS styles for forms, navigation & more
  • Dozens of reusable components
  • Components are scaled according to a range of resolutions and devices
  • Built with Sass (CSS included)
  • Complete styleguide documentation