Hi, author,

It seems that Rails projects forgot to have bin directory as well as rails that are all created by rails new command as follows. It would be great that the next version has them as a default.

$ tree bin
├── bundle
├── rails
├── rake
├── setup
├── spring
└── update

0 directories, 6 files

Thank you! :)
Hi gipcompany,

We already mention it in our documentation here (http://rubix-docs.sketchpixy.com/rails). You just need to run:

$ rake app:update:bin

and it will generate the bin directory. The reason we don't provide a bin directory is because it is not cross-platform. Hence you need to generate the bin directory yourself.
when i do npm install i saw that its make folder node_modules this folder its over 160mb how i know which folder i can delete i think that its a lot and i dont need all of the folder or what its create
Hi ofirk12,

Any reason why you are worried about the size of node_modules folder? The modules installed in the node_modules folder are necessary for Rubix. You can't reduce the size. We include only the bare minimum modules for a working Rubix app.

Also, you shouldn't be deploying your app with node_modules committed in. You have to instead run npm install in your production environment as well.
I am having an issue where the scrolling doesn't appear to work on the first page load. As soon as I refresh the page, it works. The first page load won't let you scroll even if there is content extending below the screen.
Hi eknific,

Without some reproducible code it's difficult to pinpoint the cause for this issue. So can you please send us your project as a zip file to [email protected] so we can try and reproduce this?
Hello there. I'm facing two problems trying to launch the node-seed.

1 - When I fallow the steps described in the tutorial of the the demo installation
$ npm install
$ npm run dev -s
I have the fallowing output error from I what I think is the node server or webpack script:

throw er; // Unhandled 'error' event

Error: watch /home/<pathtofolder>/demo/tmp/bundle.js ENOSPC
at exports._errnoException (util.js:1022:11)
at FSWatcher.start (fs.js:1305:19)
at Object.fs.watch (fs.js:1330:11)
at createFsWatchInstance (/home/<pathtofolder>/demo/node_modules/chokidar/lib/nodefs-handl
at setFsWatchListener (/home/<pathtofolder>/demo/node_modules/chokidar/lib/nodefs-handler.
at FSWatcher.NodeFsHandler._watchWithNodeFs (/home/<pathtofolder>/demo/node_modules/chokid
at FSWatcher.NodeFsHandler._handleFile (/home/<pathtofolder>/demo/node_modules/chokidar/li
at FSWatcher.<anonymous> (/home/<pathtofolder>/demo/node_modules/chokidar/lib/nodefs-handl
at FSReqWrap.oncomplete (fs.js:111:15)

2 - When I try to create a distributable using the built-in a watcher by executing the fallowing commands on a node-seed copy:
$ npm install
$ npm run dev:dist -s

I have this output error:

40% 163/320 build modules[2] events.js:160
[2] throw er; // Unhandled 'error' event
[2] ^
[2] Error: watch /home/<pathtofolder>/node-seed/tmp/ ENOSPC
[2] at exports._errnoException (util.js:1022:11)
[2] at FSWatcher.start (fs.js:1305:19)
[2] at Object.fs.watch (fs.js:1330:11)
[2] at Gaze._watchDir (/home/<pathtofolder>/node-seed/node_modules/gaze/lib/gaze.js:288:30
[2] at /home/<pathtofolder>/node-seed/node_modules/gaze/lib/gaze.js:361:10
[2] at iterate (/home/<pathtofolder>/node-seed/node_modules/gaze/lib/helper.js:69:5)
[2] at Object.forEachSeries (/home/<pathtofolder>/node-seed/node_modules/gaze/lib/helper.j
[2] at Gaze._initWatched (/home/<pathtofolder>/node-seed/node_modules/gaze/lib/gaze.js:357
[2] at Gaze.add (/home/<pathtofolder>/node-seed/node_modules/gaze/lib/gaze.js:176:8)
[2] at new Gaze (/home/<pathtofolder>/node-seed/node_modules/gaze/lib/gaze.js:74:10)
40% 164/320 build modules[2] npm run dev:server:wait exited with code null
44% 227/392 build modules[0] npm run watch-build-server exited with code null
45% 231/392 build modulesERROR: "dev" exited with 1.

Needless to say I changed the path to the working folder to <pathtofolder> for posting.

Can you guys give some insight in what might be the problem here?
Hi mprates,

The error clearly says that you have run out of disk space (ENOSPC). Can you check if that is the case?

If you have enough disk space but still get the error you can look at this solution to fix the issue: http://stackoverflow.com/a/32600959
Yup, that post seems to solve the problem.
Thanks for the quick reply. Keep up the good work.

How can I easily change rounded buttons to buttons with sharp corners?

Best regards,
Hi Rudolf,

Set the $btn-border-radius-base variable to 0px in sass/_variables.scss file and you should be good to go.

Hope this helps!
Thank you!
Could you please let me know the size of the compiled JS?
Hi elroxy,

Size of the compiled JS is varying and depends on how big your app is. You can check the size yourself by inspecting the browser network tab (specifically the size of /js/app.js and /js/plugins.js files).

Hope this helps!
Thanks for your response. I was referring to the template JS & CSS itself, after the minification process.
Perhaps thatof a /js/rubix.js?

I am trying to automate the process of creating dist and deploying code to one of my aws server.
For that I tried below steps:
1) npm install in root folder after which a number of nested dependencies at location node_modules\@sketchpixy\rubix were missed out which I need to install one by one manually.
2) After installing all node modules I ran command to create dist : npm run dist -s which gave below error:
ERROR: "clean:css" exited with 1.
ERROR: "bundle:client" exited with 1.
3) then I ran command npm run dev:dist -s which gave below error side by side dist folder also created. Please find the error:
61% 241/280 build modules[2] Ready. tmp/bundle.js added
62% 244/280 build modules[2] [dev:server] [nodemon] 1.11.0
54% 324/441 build modules[2] [dev:server] Error: Cannot find module 'react-hot-loader'
[2] at Function.Module._resolveFilename (module.js:338:15)
[2] at Function.Module._load (module.js:289:25)
[2] at Module.require (module.js:366:17)
[2] at require (module.js:385:17)
[2] at Object.exports.__esModule (/var/jenkins-slave/workspace/IM3.0-Staging-AdminPortalUI/tmp/webpack:/external "react-hot-loader":1:1)
[2] at webpack_require (/var/jenkins-slave/workspace/IM3.0-Staging-AdminPortalUI/tmp/webpack:/webpack/bootstrap e6c7f4116120ee0b29a6:19:1)
[2] at Object.<anonymous> (/var/jenkins-slave/workspace/IM3.0-Staging-AdminPortalUI/tmp/webpack:/~/@sketchpixy/rubix/lib/node/router.js:44:1)
[2] at webpack_require (/var/jenkins-slave/workspace/IM3.0-Staging-AdminPortalUI/tmp/webpack:/webpack/bootstrap e6c7f4116120ee0b29a6:19:1)
[2] at Object.<anonymous> (/var/jenkins-slave/workspace/IM3.0-Staging-AdminPortalUI/tmp/webpack:/server.babel.js:10:1)
[2] at webpack_require (/var/jenkins-slave/workspace/IM3.0-Staging-AdminPortalUI/tmp/webpack:/webpack/bootstrap e6c7f4116120ee0b29a6:19:1)
[2] [dev:server] [nodemon] app crashed - waiting for file changes before starting...

and when I tried to run UI with server IP on browser it is loading but not showing up
Hi divaa12880,

1. Can you please provide the Node and NPM versions? Also, are you trying this on your development machine or production instance?

2. Please run the dist generation command in your local development machine. We have noticed that virtual machines (production instances) kill the process as soon as it uses 100% CPU.

Make sure to deploy just the dist folder contents to your web server's root.

I have a question. I dont see the code flow from create a store and then provide it to the app. but i search the project. I found mapStateToProps function in bundle.js. Can you explained it a bit. thank you.
Hi zhiyan,

We have provided the complete source for redux implementation in the rubix/rubix-bootstrap folder. Specifically: rubix-bootstrap/src/node/redux-router.js. You can make your own changes to this file and even build your own @sketchpixy/rubix by following this guide: http://rubix-docs.sketchpixy.com/others/rubix-bootstrap

Hope this helps :)
This template is the best React-powered complete UI library I've ever seen. Big thanks and kind regards to developers! Cheers guys, you've made a really great job :) Can't even imagine how long it took ;)
Hi mitusha,

Thank you so much for the kind words! Glad you like the template! :)
Hi there,

I have a presale question, is the theme compatible with Spark Laravel?

Hi zweetsal,

Rubix is not compatible with Spark Laravel. It is only compatible with vanilla Laravel (5.1 LTS). Spark Laravel uses Vue.js instead of ReactJS.

Hope this helps :)
kritta09 PURCHASED
Sorry if this question has already been asked - but is there anyway to replace the glyphicons in the sidebar with PNGs?
Thanks - Great template was easy to integrate into our existing project.
kritta09 PURCHASED
All good, I've updated your package to accept an image - works perfectly :)
digimark PURCHASED
Hi, im trying to update meteor to the last v1.4.x. with 'meteor update --patch' and 'meteor update' and im getting the following error:

=> Errors while initializing project:

While selecting package versions:
error: No version of standard-minifier-css satisfies all constraints: @1.2.0_1,
Constraints on package "standard-minifier-css":
* [email protected]_1 <- top level
* [email protected]=1.1.8 <- top level
Hi digimark,

We will be pushing out an update to Meteor in the upcoming release with quite a few improvements. If you are interested in getting early access please get in touch with us at [email protected] and we'll send you the updated Meteor integration.
digimark PURCHASED
email sended!
In node-seed, I'm using datatables just as in your documentation. I want to handle changes of data with websocket so that any record inserted/ updated in my db would reflect in the datatable. How can I do this?

Is the Meteor integration based on React or Blaze?

Since I've bought it I can answer: React :)
Hi Andras,

> Is the Meteor integration based on React or Blaze?

React :)

> Since I've bought it I can answer: React :)

Great! We also have a Meteor(React)+Apollo+GraphQL beta ready. If you are interested, drop us an email at [email protected] and we'll provide you the beta.
Hi sketchpixy,

Thank you for your answer last time. I have a new question. What is the good way to use devtool: 'source-map', in webpack.config.js. I tried, but i dont see the original code structure when i use chrome dev tool. (F12). Thank you so much.
i know you put source-map in webpack.client.js. but in fact the main.js in chrome dev tool is not the one in the original code.
what exactly i want is to be able to put a break point in the code. I hope i explained myself. thank you.
forget the post above. i found it in the previous post. sorry. :D
digimark PURCHASED
Hi, how can i get a full install with dummy data and examples in localhost?
digimark PURCHASED
cd demo
npm install
npm run dev -s
in the todo list tutorial, in src/redux/reducers/index.js,
when you are importing the reducer, make sure to use the correct file name. you said create the file todo.js but you import todos
Hi bradleyy1012,

Thanks for pointing out the documentation error. We'll fix it asap and push out an update.
Hi, I'm trying to install the rubix demo on digitalocean and it doesn't seem to laod the javascripts. It keeps looking for port localhost:8079/.... etc. I've changed the hostname in server.js to be the name of the server but still no luck. Can u explain what steps i need to do to get those javascripts loaded?

I'm just running via npm run dev -s.
Hi rbrett2005,

Are you using DigitalOcean for your production or development? If it is for production, please follow the documentation we have provided here: http://rubix-docs.sketchpixy.com/redux (Assuming you are using Redux integration. If not, please look up the relevant DigitalOcean deployment documentation we have provided pertaining to your particular integration).

If you are deploying for development, please run the command with WP_HOST environment variable configured to your DigitalOcean external IP address like so:

$ WP_HOST=xxx.xxx.xxx.xxx npm run dev -s

This is documented in the "Launch options" section here: http://rubix-docs.sketchpixy.com/redux/launch-options
Hi guys,

Could you please advice, regarding to the demo app: how can I turn off / remove the right-to-left functionality from demo? Thanks for any help!
Don't mind, I've figured out already, sorry :)
> Don't mind, I've figured out already, sorry :)

No worries! Glad you were able to figure it out :)
Hi, sorry if this has been mentioned before - but scroll seems to be broken on http://rubix-docs.sketchpixy.com/ (and the included html doc files) in both Firefox 50.1.0 and chrome 55.0.28
Hi Amrul92,

Yes we already have a bug report of scrollbar not working in documentation on Windows touch devices. This will be fixed in the upcoming release. Can you please let us know the device you are trying this on?

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