1302 comments

I can not get the template, as it shows live preview. What should I do
Hi JIMANOPE,

Follow the instructions for installing the 'demo' here: http://rubix-docs.sketchpixy.com/node/demo

We provide the 'demo' in a separate directory (rubix/demo). You can use it as a reference while implementing your own dashboard with Rubix.
sekmun PURCHASED
Hey sketchpixy,

I'm using your laravel-seed for a project, but instead of homestead I'd like to user laradock - any experience or tips in getting it running?

I got node happening on the workspace container, but stuck on how to access the app.

If you have got a working dockerfile, let me know. thanks
Hi sekmun,

We haven't tried laradock yet. We might implement an integration for it in a future release. If you would like to integrate with laradock you need to first build and install v8js on it. You can take a look at laravel-seed/after.sh bash script file that we provide for steps to get v8js setup. Once you have done that, you can run your laravel app in the docker instance. However, the Node app can be run in your development environment too. No need to setup Node inside the docker instance. The whole idea of this setup is to ensure that you can run Laravel independently of Node with Node only being used for building the frontend.
Hi, again.
I'm a very amateur in react, it may be a silly question.
I'm trying to use the component LineSeries in the ' src ' folder, and pops up the following error when running the console:
'Uncaught ReferenceError: Rubix is not defined'.
I copied all the elements of the ' bower_componentes ' folder for the correct import
What am I doing wrong ?
Sorry,i found my error.
No issues :)
rahu PURCHASED
I would say the documentation is a real let down. This template is not for beginners / intermediate.
To remove the pages in the sidebar panel, not sure how much time i need to spend?
Hi rahu,

Are you trying to use the "demo" as your starting point? If yes, then you would have to remove a lot of pages. Use the starter kits we provide instead. These have only 2 pages in the Sidebar panel. You can remove those pages in src/common/sidebar.js. Should not take more than a minute.
Sergison PURCHASED
Give me a pure meteor version beta, please ?
Hi Sergison,

The final version will be included in upcoming release. Please send a mail to support@sketchpixy.com for beta access.
nliu2008 PURCHASED
I would like to get your opinion about how to use css.
1. Currently, I want to customize "app_stylesheets", because I keep css with the js file, for example, for pageA.js, I have pageA.css in the same folder, and import "pageA.css" from pageA.js. Webpack will bundle these css files in production mode, and generate the bundle "app.css". So I need to add "app.css" to the "app_stylesheets".

2. keep the css/scss files in the "sass" folder? So the css/scss files are separate from the js react component files.

What do you recommend?
Hi nliu2008,

We recommend you go with the second option. If you however want the ability to import your CSS files along with your React components then we also have a CSS module integration (which will be available in the upcoming release). Just let us know the seed project you are using in a mail to support@sketchpixy.com and we'll provide you access to a new seed project with CSS modules integrated.
Hi, I'm trying to change some of the themes. I can modify _theme.scss to make some changes but how would I go about changing the text color of the sidebar items? I had a look at your documentation on mixins but I'm not really sure what to do.

Thanks!
Hi DanielvanNiekerk,

> Hi, I'm trying to change some of the themes. I can modify _theme.scss to make some changes but how would I go about changing the text color of the sidebar items? I had a look at your documentation on mixins but I'm not really sure what to do.

Which part of the Sidebar do you want to change the text color for? The Sidebar header, Sidebar Nav button color or SidebarNavItem colors?

If it is the SidebarNavItem colors, you need to manually override the style in your main.scss file like so:

html.default body .sidebar-nav > li >a {
&.name, &.rubix-icon {
color: red; // your own color here
}
}
tobkle PURCHASED
Hello sketchpixy,
can you estimate roughly when you will publish the apollo version?
Regards
Toby
Hi Toby,

Apologies for the delay. We have finished the integration. We are currently writing the documentation/tutorials for the various Apollo integrations (we have 3 in total) apart from improving documentation for other integrations as well.

If you are in a hurry, we can provide you early access. Just send a mail to support@sketchpixy.com and we'll send you the ZIP files.
Hello sketchpixy, I get this error when I run example-app in rails
ERROR in ./src/main.js
[0] Module build failed: ReferenceError: Symbol is not defined
[0] at plugin (/home/metuz/Descargas/rubix/rails/rails-example/node_modules/react-hot-loader/lib/babel/index.js:86:23)
[0] at Function.memoisePluginContainer (/home/metuz/Descargas/rubix/rails/rails-example/node_modules/babel-core/lib/transformation/file/options/option-manager.js:113:13)
[0] at Function.normalisePlugin (/home/metuz/Descargas/rubix/rails/rails-example/node_modules/babel-core/lib/transformation/file/options/option-manager.js:146:32)
[0] at /home/metuz/Descargas/rubix/rails/rails-example/node_modules/babel-core/lib/transformation/file/options/option-manager.js:184:30
[0] at Array.map (native)
[0] at Function.normalisePlugins (/home/metuz/Descargas/rubix/rails/rails-example/node_modules/babel-core/lib/transformation/file/options/option-manager.js:158:20)
[0] at OptionManager.mergeOptions (/home/metuz/Descargas/rubix/rails/rails-example/node_modules/babel-core/lib/transformation/file/options/option-manager.js:234:36)
[0] at OptionManager.init (/home/metuz/Descargas/rubix/rails/rails-example/node_modules/babel-core/lib/transformation/file/options/option-manager.js:368:12)
[0] at File.initOptions (/home/metuz/Descargas/rubix/rails/rails-example/node_modules/babel-core/lib/transformation/file/index.js:216:65)
[0] at new File (/home/metuz/Descargas/rubix/rails/rails-example/node_modules/babel-core/lib/transformation/file/index.js:139:24)
[0] at Pipeline.transform (/home/metuz/Descargas/rubix/rails/rails-example/node_modules/babel-core/lib/transformation/pipeline.js:46:16)
[0] at transpile (/home/metuz/Descargas/rubix/rails/rails-example/node_modules/babel-loader/lib/index.js:46:20)
[0] at Object.module.exports (/home/metuz/Descargas/rubix/rails/rails-example/node_modules/babel-loader/lib/index.js:134:16)

Regards
Hi Proyecto2017,

Thanks for the report. Can you please let us know the Node and NPM version you are on?

$ node -v
$ npm -v

also the OS (along with the version) that you are trying this out.
Node v7.4.0
NPM 4.0.5
SO Debian GNU/Linux 8 (jessie) 64-bit
How can i push this react application into IBM Bluemix.
Gazpa PURCHASED
Hi there,

I've tried to install the template like in this tutorial:

http://rubix-docs.sketchpixy.com/others/custom-integration

Once installed I try to search for the cutom-project template but it does not exist.

I do have a @sketchpixy/rubix dir in my node_modules folder for my app, but inside there is no custom-project folder.

Please let me know what I need to do next.

Thanks in advance
Hi Gazpa,

First make sure you have downloaded Rubix 4.x (4.1.0 is latest) and not an older version. After you unzip the downloaded file you'll find a folder called "rubix". The custom-project folder is inside that: rubix/custom-project.

Hope this helps :)
Gazpa PURCHASED
It does! xD

Just one more thing, I am going through the documentation and it is valuable if at least you have some pages structured. Starting from scratch is kind of what you want to avoid when buying a template...

Is there a way to add a general structure with the header and the sidebar, and then just let us edit the main content and the items of that sidebar and navbar?

This would help much since I do not have much experience with react and at least I can edit things on a well built structure, don't know if this is too much to ask.

Thanks in advance!
Hi Gazpa,

> Just one more thing, I am going through the documentation and it is valuable if at least you have some pages structured. Starting from scratch is kind of what you want to avoid when buying a template...

Which is why we provide seed projects :) Why don't you use them instead of doing everything from scratch? If you want a general structure with header and sidebar etc it's best if you use one of the 6 seed projects we provide. If you cannot for some reason, you can always copy the contents of the "src" folder from the node-seed project to your own project and then start editing from there.
manojch PURCHASED
Hi,

I need to integrate Font Awesome icon to this template can you please help me with the same,

Manoj
Hi Manoj,

We already provide Font Awesome integration. It's part of the "Fontello" package (See: http://rubix410.sketchpixy.com/ltr/fonts for the list). For example, the Font Awesome "ok-circled" icon font would be:

<Icon glyph='icon-fontello-ok-circled />

Hope this helps :)
Hello,

I've got a question regarding licensing:
We built a toolkit in which we use rubix. Therefore, we changed and improved and customized rubix. Now we thought about redistribution. In case of extended license would it be allowed to offer the toolkit which includes rubix with code.

kind regards
Hi schmittr,

> We built a toolkit in which we use rubix. Therefore, we changed and improved and customized rubix. Now we thought about redistribution. In case of extended license would it be allowed to offer the toolkit which includes rubix with code.

Yes you can purchase an extended license for this use-case. As long as you don't redistribute this toolkit as a template you should be good to go!

Hope this helps :)
Hello,
is a drag & drop function fur widgets implemented which i havent seen jet?

Kind regards
OliverKK
Hi OliverKK,

It isn't implemented. However, it should be easy to implement one using: https://github.com/STRML/react-grid-layout. Just wrap your PanelContainers within ResponsiveReactGridLayout and you should be good to go!

Hope this helps :)
Hello,

Where can i find documentations on using Rubix Charts? How do i use them?

Regards,
Sathish
Hi Sathish,

Currently we don't have a documentation for the charts but we have provided examples that covers all the functionalities in the demo/src/routes/AreaSeries.js, demo/src/routes/BarColSeries.js, demo/src/routes/MixedSeries.js, demo/src/routes/LineSeries.js, demo/src/routes/PieDonutSeries.js and of course demo/src/routes/Dashboard.js files. We will be including documentation for it in the upcoming release.

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 to add this purchase to your account

$20
That's about 8 cups of coffee
4240Purchases

Licenses: Details »

Single application $20
Version:4.1.0
Type:
  • HTML Template
Bootstrap: Compatible with 3.3.x
Layouts:
  • Responsive
  • Fluid
  • Fixed-width
Browsers:
  • IE 9, 10, 11
  • Latest Chrome
  • Latest Firefox
  • Latest Opera
  • Latest Safari
Uses Less:No
Uses Sass:Yes
Categories:
Tags: admin, bootstrap, dashboard, graphql, laravel, meteor, rails, reactjs, redux, relay
Item#:WB09498FH
Released:2 years ago
Updated:5 months ago
Sold exclusively on WrapBootstrap
sketchpixy

sketchpixy

Signed up 2 years ago

Need a front-end theme?

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 Safari
  • Latest Firefox
  • Internet Explorer 8/9/10/11
  • Latest Opera

Features & includes

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