Discussion on Gogo - Vite React Admin Dashboard (React 19)

Discussion on Gogo - Vite React Admin Dashboard (React 19)

Cart 3,582 sales
Recently Updated
Well Documented

ColoredStrategies supports this item

Supported

This author's response time can be up to 5 business days.

691 comments found.

Hello Author, Is there any component like react dropdown tree select on this theme? I want to use it. Even when I am using a free plugin for react dropdown tree select, it is not working properly. When I select anything on the select dropdown, it doesn’t show that selected value on top. I really need your help.

Please advice. I am ready to purchase that new component as well.

Hi,

There is no implementation for it in the template and unfortunately we don’t accept any custom jobs.

If you have any problems with the plugins that are included with the template, we would be happy to provide assistance.

Cheers.

hello, I have a theme Gogo – React Admin Template, Purchase code: 89ddb082-c551-4054-aaee-df8915c80627.

I see not work with IE11 and older, I see just round circle at center.

do you have any advices?

Hi,

Unfortunately, the template does not support IE as it is stated in the detail page of it under the title ‘Compatible Browsers’.

https://themeforest.net/item/gogo-react-bootstrap-4-admin-dashboard/22544383/comments

Hello, I used your HTML version into my react apps. but when my component dynamically loads left menu bar icon is not responding , if I refresh the page only works . Each dynamic component page it need to reload page to works. Please advise.

Hi,

Html and React versions are two separate templates and we worked a lot to do so by using different and native plugins for each library.

We also don’t recommend mixing jQuery code in a React project and don’t really have experience with it to provide any kind of guidence.

Hi,

I have Jquery version and I need to buy React version now. Do you have any discount for me :)

Kind regards, Hany

Hi,

Thanks for your interest in our templates, we really appreciate it.

As for your question, unfortunately there is no mechanism at the market to provide a discount for individual users.

All the best.

Hi!

I found this template (gogo-react) very clean and simple, it’s super awesome. We’re very excited to get a hold of this one.

I have a few questions for you though after reading the comments and reviews: 1. Are the survey pages and landing pages included in the download after purchase? If not, how do we got a hold of the landing page? It looks dope! 2. Is there an easy way to customize the font? 3. For the react-big-calendar plugin, can we implement the big calendar with events in the calendar?

Thank you! I’m looking forward to your response.

Hi,

It’s nice to hear that you like the template, we really appreciate it.

Here is the answers: 1. Survey pages as well as every other one that located in preview(gogo-react.coloredstrategies.com) is included in the project. Although, it’s not a fully working application. We just wanted to give a starting point and provide the ui. Unfortunately, landing page is not included in the project. We used to have it included but got warning to remove it since the template is in admin templates category. We don’t provide it anymore.

2. You may need to do some replacement in a scss file and I think it’s quite simple.

3. There are already some events in the calendar at the end of the 2019.

Cheers.

Awesome! Thanks for the quick response.

1. If ever we need a landing page, what would you suggest we do?

2. Thanks! This is noted.

3. Found it! :)

We don’t have any landing page or frontend templates but you may find nice items at the market.

Hello Dear Authorized. I am considering integrating with the mobile version xamarin. I use the html side of the template I bought. I will not use react native.

Hi,

Unfortunately we don’t have any experience with Xamarin so we can’t provide any decent guidance for it.

All the best.

Hello Dear Authorized. i just want to use select2-single class with vue. My project is Asp.Net Mvc5. Can you help me please?

Hi,

select2-single is a class in Dore that initializes Select2 jQuery plugin. You may find the usage in dore.script.js file under the title /* 03.18. Select 2 */.

We don’t include jQuery&jQuery plugins in our Vue, React or Angular templates. Instead, we provide alternative plugins that are developed for the library. It’s not a good practice to mix jQuery with other libraries and frankly we don’t have any experience to provide support for it.

You may find Vue Select implementation that works without jQuery in Form Components part of the Vue template: https://piaf-vue.coloredstrategies.com/app/ui/forms/components

Cheers.

Do you guys have any plan to develop also a mobile version using React Native or something similar?

Hi,

I don’t think we will since mobile apps are better with a native look and feel. For example, we would go ahead and build the our custom menu for the app but it would always feel better a native menu for pretty much every application.This narrows the design possibilities for us.

Cheers.

merhaba sayın yetkili daha önceki sorunlarımı çözdüm. fakat bir sorunla karşılaştım select2-single class kullandığımda vue js okuyamıyor. <select class=”form-control select2-single” v-model=”requestAdd.ID” name=”TaskID”> <option v-for=”task in requestAdd.tasks” :key=”task.ID” :value=”task.ID”>{{ task.TaskTypeName }}</option>

</select>

ben select2-single kullanmak istiyorum fakat kullandığımda vue js okuyamıyor seçileni bu konda yardımcı olursanız sevinirim.

Merhabalar,

Select2 jQuery olduğu için requestAdd.ID modelini set etmiyor olabilir. TaskId inputunun jQuery tarafında onChange’ini yakalayıp “requestAdd.ID” değerini elle set edebilirsiniz diye düşünüyoruz.

İyi çalışmalar dileriz.

I am using your html version into my react apps, how can I disable double page loading ??

Hi,

You may remove spinner in Dore by removing below lines in src/css/main.css body.show-spinner::after { content: " "; display: inline-block; width: 30px; height: 30px; border: 2px solid rgba(0, 0, 0, 0.2); border-radius: 50%; border-top-color: rgba(0, 0, 0, 0.3); animation: spin 1s ease-in-out infinite; -webkit-animation: spin 1s ease-in-out infinite; left: calc(50% - 15px); top: calc(50% - 15px); position: fixed; z-index: 1; }

Hello, how is it possible to customise the site ?

I have purchased your zip file document.

Hi,

The template contains 2 different versions and based on your preference you may go with the React version or the one with jQuery. You may find the projects in React-Version and Html-Version folders.

You may reach documentations with below links: https://dore-jquery-docs.coloredstrategies.com/
https://gogo-react-docs.coloredstrategies.com/

Thank you for the purchase and I hope you enjoy working on the template.

Cheers.

Hello team,

I purchased the gogo react template which is amazing and now I see you have updated the template to have more themes. is there a way I can sync it with my git repository so that I can use the updated ones without impacting my modified code?

Hi,

It’s nice to hear that you like the template, we really appreciate it.

As for your question, we don’t provide a Git repo since we have experienced it brings more problems than solutions with conflicts and all. The template is basicly an implementation so both parties work on the same files and it is not always possible to merge updated version.

If you especially want the colors, here is how you can do it manually. Please do a backup before applying.

1. Copy assets/css directory to your project.

2. Add colors variable and update defaultColor in src/constants/defaultValues.js. export const defaultColor = 'light.purplemonster'; export const colors = [ 'bluenavy', 'blueyale', 'blueolympic', 'greenmoss', 'greenlime', 'purplemonster', 'orangecarrot', 'redruby', 'yellowgranola', 'greysteel', ];

3. Change src/components/common/ColorSwitcher.js with the new one.

4. Run the lines below in your browser dev tools console to clean old color names. localStorage.clear();

Hopefully new colors will be available. Cheers.

Merhaba sayın yetkili. Bu template satın aldım html versiyonunu kullanmaya çalıştım fakat bir türlü kullanamadım vue js kütüphabnesini kullanıyorum sayfa yenilemesinde vue js bozuluyor çıkıp tekrar girmem gerekiyor. bootstrap-datepaginator kullanıyorm sayfa yenilemsinde kayboluyor çıkıp tekrar girmem gerekiyor bir şey ekleyemiyorum kullanışlı değil lütfen yardım

var UIDatepaginator = function () { return { init: function () {

$("#datepaginator_checkdaily").datepaginator({
}();
onSelectedDateChanged: function (a, t) {
                GetShiftRows(moment(t).format("YYYY-MM-DD"));
}
$.ajax({
                method: "GET",
                url: "/Shift/GetEmployeeRows",
                data: { date: moment(t).format("YYYY-MM-DD") },
                beforeSend: function () {
                    $("#Loading").show();
                }
            }).done(function (d) {
                $("#EmployeeList").html(d);
            }).fail(function (e) {
                $("#EmployeeList").html(e);
            }).always(function () {
                $("#Loading").hide();
            });
        }
    })
if (@Model.Filters != null)
{
    $("#datepaginator_checkdaily").datepaginator({
        selectedDate: moment(@Model.Filters.docDate).format('YYYY-MM-DD'),
        onSelectedDateChanged: function (a, t) {
            GetShiftRows(selectedDate);
}
$.ajax({
            method: "GET",
            url: "/Shift/GetEmployeeRows",
            data: { date: selectedDate },
            beforeSend: function () {
                $("#Loading").show();
            }
        }).done(function (d) {
            $("#EmployeeList").html(d);
        }).fail(function (e) {
            $("#EmployeeList").html(e);
        }).always(function () {
            $("#Loading").hide();
        });
});
}
}
jQuery(document).ready(function () {
    $("#Loading").hide();
    UIDatepaginator.init();
});
SSK {{ item.FullName }} {{ item.Mobile }} *<button v-on:click="addShift(item.EmployeeID)" class="btn btn-primary rounded btn-xs mb-1"><i class="simple-icon-link" /></button>*

window.veriler = @Html.Raw(Model.fullName), new Vue({ el: ’#EmployeeList’, data: { items: window.veriler, attachedBg: true }, methods: { addShift: function (id) { AddShift(id); } }

});

Lütfen Yardım Ya Benim Templatei Değiştirin B Gerçekten Aylarca Beni Çok Oyaladı Çok Beğendiğim Bir Template Ama Js Kütüphanelerinde Bana Çok Sorun Çıkartıyor Istediğim Componentleri Kullanamıyorum Vue Js Kullanamıyorm

Projede Ajax Js Vue Js Asp.Net MVC5 Ile Yazmaya Çalışıyorum Template Tasarım Olarak Çok Beğeniyorum Bununla Proje Yazmak istiyorum Fakat Kullanamıyorum sayfayı yenile dediğimde tasarım bozuluyor farklı sayfa geçişi yaptığımda düzeliyor böyle proje olmaz.

Merhabalar,

Gönderdiğiniz kodda, izlediğiniz yolda, belirttiğiniz teknolojileri bir arada kullanımınızda tavsiye edilmeyen yöntemlerin ve temel sorunlar olduğunu belirtmek isteriz. Örneğin, vue, react, angular gibi teknolojiler Singile Page Application(SPA) ürünler için tavsye edilir ve avantajlarından faydalanmanız için en uygun ortam budur. Bu SPA teknolojilerinin yanında Jquery kullanımı tavsiye edilmez. Çünkü jquery tek başına zaten oldukça büyük bir pakettir. Benzer şekilde vindow da değer tutmak da tavsiye edilen bir yöntem değildir. Tüm bunlara ek olarak aynı temanın Vue hali ve de Jquery hali de themeforest’da olmasına rağmen react halini satın alıp içerisindeki jquery versiyonunu kullanmaya çalışmanızı da garipsiyoruz. Doprudan Vue halini almış olsanız da sizin kullanımız şeklinizde ihtiyacınızı karşılamayacaktır; çünkü başta da belirttiğim üzere Vue hali de SPA şeklinde kodlandı. Tüm bu bilgiler ışığında kullanım şeklinizi SPA’ya çevirebilir ve .net MVC ile yazdığınız backendi .Net Api şeklinde servislere dönüştürüseniz daha az sorunla karşılaşır ve çok daha performanslı bir sonuç elde edersiniz.

Sayfa yenilemeyle ilgili yaşadığınız soruna gelince; yukarıda bahsettiğimiz bir çok tavsiye edilmeyen yöntemin bir araya gelişiyle hata ayıklamanız oldukça zorlaşacağını önden belirterek “bootstrap-datepaginator” componentinin satın aldığınız temanın componentlerinden olmayıp sizin eklediğiniz bir component olduğunu görüyoruz. Componentin bozulması veya çalışmamasıyla temanın doğrudan bağı olduğunu düşünmüyoruz. Eğer temanın kendi sunduğu özellik/componentlerden biri veya birkaçı iddia ettiğiniz üzere bozuk/çalışmıyor olsaydı; sizin gibi satın alan binlerce kişi tarafından tarafımıza iletilmiş ve sorun giderilmiş olurdu. Naçizane tavsiyemiz eklediğiniz componentin örneklerini inceleyip kodlarınızı tekrar gözden geçirmenizdir.

İyi çalışmalar dileriz.

How can I pass any dynamic ID to a modal as a porps ?

Hi,

If you want to keep an ID value at the opening of the modal, you may keep it at state and reach it. If this is not the issue and you have multiple modals at a page which you want to open dynamically you may find an example below

.. .. constructor(props) { super(props); this.state = { ... ... openedModalId: -1, }; } .. .. .. toggleModal = (id) => { const toggleId = this.state.openedModalId === id ? -1 : id; this.setState({ openedModalId: toggleId, }); }; .. .. render() { return ( <> {[1, 2, 3, 4, 5].map((id) => { return ( <div key="{id}"> <Button color="primary" outline onClick={() => this.toggleModal(id)} > open {id} </Button> <Modal isOpen={this.state.openedModalId === id} toggle={() => this.toggleModal(id)} > <ModalHeader>{id} header </ModalHeader> <ModalBody>{id} content</ModalBody> </Modal> </div> ); })} </> ); }

Hi please I was debited twice for 6mobth support subscription. Kindly reverse one

Debit Amt:USD26.00 Dr Acc:080**945 Desc:POS/WEB PMT ENVATO *53170807 SALT LAKE CIT Time:02/06/2020 @11:04:30

Hi,

We don’t have any authority over reversing purchases, you should ask for Envato. Here you may create a ticket: https://help.elements.envato.com/hc/en-us/articles/360000629486-Submit-a-Support-Ticket

Regards.

Hello can you please explain where I can go to add a new page to the router? I made two pages using blank pages, however can’t seem to find where to update it to get it to show. I have reviewed this link: https://gogo-react-docs.coloredstrategies.com/docs/codebase/routing Thanks

Hi,

The key at the docs page you mentioned is the part below. “Routing is done by react-router-dom implementation and this plugin put in use at App.js file. All the index.js files under views folder and its sub folder also contains routing mechanism.”

Routes for the standard pages(app route) except authorization(user route) defined in “src/views/app/index.js” file. There are routes for sub directories such as dashboards as well as a route to a single page “blank-page” in this file.

Adding your pages in src/views/app/ directory and defining routes at “src/views/app/index.js” should work.

Please send the landing page in React of Gogo

Hi,

Unfortunately it is not allowed by the platform to include landing pages in admin templates. We used have them but got a warning and had to remove them.

All the best.

Please send the version with reac-hook. Thanks

Hi,

We have been waiting for the external plugins such as React Tables, Reactstrap, Sortable and other ones to support hooks at a stable version. Most of them have done and we have been working on the update for quite some time. It will still take a week or two but unfortunately I can’t provide a certain date for it.

Cheers.

Is there any tags input in UI ? https://prnt.sc/sq95wr These tags are in select but not available in input form. I mean manually creating tags

It was all working fairly well in the development mode. But on creating a production build of this app, I got a “build”, folder, containing the entry point to the app, i.e. index.html.

On taking it LIVE locally on the machine, I get nothing but a blank page with the console having these errors ( https://pasteboard.co/JavCgJ3.png ).

Also. Just a peek into the build folder ( https://pasteboard.co/JavDX4R.png ).

Looking forward to having this resolved. Thanks!

Hi,

I think the problem might be related to the environment. For example, if the project in a folder(relative path) it does not work unless configured or it is a long shot but may be really related to mime types.

My suggestion for a test run is to try a small server called “serve”. You may also find it in CRA deployment documentation: https://create-react-app.dev/docs/deployment

Here is the npm commands npm install -g serve serve -s build

We run the demo(https://gogo-react.coloredstrategies.com) on an nginx server with nearly zero configuration. If you have an available domain or subdomain, you may give it a try. Best.

The document does not have any detail about the template. it does not state anything about the code base, this is not enough (almost 0 documentation) to modify the template. we can’t even move things around without breaking the code. there is no documentation on in the zip of the link your about to send. Its fully lacking documentation. Please let me know if there is more documentation or need my refund.

Hi,

The documentation for the template is online like most of the templates and we provide a link for it in zip file as well as in the theme preview. Providing an online documentation is helpful for our users to see it before their purchase. We provide a link to the docs in the preview main menu with a title “Docs”.

We have tried to provide main concepts of the template such as lifecycle, routing, layout and etc under the title “Codebase” in our docs. https://gogo-react-docs.coloredstrategies.com/docs/codebase/lifecycle

We have also added guides based on the questions we receive from the users. You may find them here: https://gogo-react-docs.coloredstrategies.com/docs/guides

The documentation lacks of code examples of the external libraries and including them would be duplication of their docs so we provided links in libraries page: https://gogo-react-docs.coloredstrategies.com/docs/codebase/libraries

The template is basicly an implementation of multiple libraries so there is not much for us to create a standard documentation like a plugin or a library. It may take some time to feel comfortable working on it. We have also included basic starter projects with a few pages to help our users to grasp the main concepts of the template.

If you need assistance with any part of the template, we would be happy to provide assistance.

All the best.

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve ThemeForest.

Sure, take me to the survey