javascript – Sidebar Menu en mini dashboard basico

Necesito hacer un side bar, este ya lo tengo con un ejemplo de Bootstrap funciona correctamente, pero el punto es que en las pestañas del sidebar no se como hacer que aparezcan en pantalla principal algo así como un dashboard basico, hice un barmenu el link en un proyecto el link es minornotepad.000webhostapp.com, tiene 3 pestañas en horizontal pero necesito la misma funcionalidad pero en el sidebar, no se si alguien puede ayudarme, decirme algun tutorial o de alguna manera
Una disculpa por la molestia

surveys – Should SaaS products have a generic NPS link pinned to the dashboard?

Generally, NPS surveys are sent over on email or presented as a pop-up. However, is there any research on finding on having a persistent place in the dashboard to trigger the generic NPS form?

Patagonia’s old website is one I could find which has a permalink to the NPS followed by either triggering specific feedback and/or generic feedback the user can use to point and select which element they’re referring to.

Patagonia

Wanted to know the best practices around the same and/or more examples or if this approach should even be considered.

usability – What is the best alignment of the main container in a dashboard?

There is the ‘classic’ structure of typical business dashboards as you have described, and the patterns that are common for screen scanning can be applied. However, I think the scanning pattern is also influenced by how you structure and present the content on the screen, so it is a catch-22 in some ways depending on if you are creating a new design or modifying an existing one.

I think to provide a more complete answer you will need to fill some gaps, but in general my advice on dashboard design would be to consider some of the following points:

  • Blank, half-empty and full states: how will it look when the user sees it for the first time? What about when data is filling up, and also when the dashboard is completely full?
  • Purpose: for dashboards designed for decision-making (i.e. Business Intelligence) you need to avoid cluttering and highlight key information, so this could definitely affect your design and layout compared to a typical reporting or status tracking dashboard.
  • Widgets or visualization: depending on the number and type of ‘widgets’ used, there might be different alignment or layout strategies that are more appropriate than others.
  • Viewpoint: depending on the actual size of the screen and devices that you are designing for, knowing that on most desktop setups in the office have dual monitors and the scanning pattern would be compared to single monitors.

There are probably other factors too but I haven’t really experienced or look into it yet.

UPDATE (based on the screenshots provided)

You’d have to test this of course, but just thinking about the basic principles of good design (simple and clear) you would be creating additional lines of alignment and causing the user to move their gaze across the screen more with a centre aligned layout compared to a full screen one according to your design

enter image description here

Now I would necessarily say that citing the principles of design would be enough evidence to support your claims, but a quick test with some people and see how much quicker it is to locate and find contents on the page would probably do the trick.

dashboard – How to arrange columns in a table appropriately?

We are re-designing our dashboard. Currently, all table lists will start with ‘ID’ column then followed by ‘Name’. The issue is, all users have a name but not all users have Reference ID especially when ID is not a compulsory field when registering the form.

I believe it is better for the first column to have a compulsory data, which will help user scan the list better.

I came out with two solutions:

  1. Make ID field compulsory when user register so every user will have this value.
  • But we have loyal users that uses the old interface for many years where ‘ID’ is not a compulsory field so a lot of their data do not have the value ‘ID’.
  1. Let the ‘Name’ column be the first column and ‘ID’, second.

Example 1
enter image description here
Example 2
enter image description here

Your guidance and suggestion will be a great help for me in refining the solution.

performance – Technologies and/or strategies to build an analytics dashboard

I am planning on building an analytics dashboard for the customers using my product. These dashboards will be read-only, and the data doesn’t necessarily have to be in real-time (even though that would be ideal).

So far what I have is a FE built in React, and a back-end built in Node+Express+PostgreSQL. The analytics endpoints and SQL queries hit a read-replica DB, so the overall performance of the site is not impacted by heavy queries.

The analytics dashboard is however reaching a point where for customers that have a lot of data, the performance (at the DB layer) is not great. So, I have started to ask myself if:

  • Should I be considering other technologies that might be a better fit for the use case of dashboard analytics that goes beyond SQL? (heavy reading / no writing)
  • Should I be approaching this problem differently with the same technologies? For example, considering creating analytics specific tables in a rollout manner (every day I create a new snapshot for each of the customers)
  • What else should I be asking myself and/or what books should I be reading to educate myself in this space?

custom post types – Multiple level category drop-down from the WordPress dashboard

Working with thousands of Categories in WordPress; parent categories, child categories, grand child categories. It is cumbersome trying to scroll through to select the desired category. It is either confusing or at times time consuming. I have been looking at the code. Is it possible to create a hierarchical where the child category is shown based on the previous selected parent child and the grandchild category is shown based on the previously selected child category: like a multi-step dropdown

<select>
   <option>Parent Category <option>
</select>
- Based on the selected parent category, the child categories are then displayed 
<select>
   <option>Child Category <option>
</select>
- And Based on the selected child category, the grandchild categories are then displayed 
<select>
   <option>Child Category <option>
</select>

…. And so on….

enter image description here

enter image description here

enter image description here

dashboard – Files ownership within shared folders

I am working on an enterprise design software. Colleagues can collaborate on the same file.

A person can create a folder in which to save similar files. This person can invite colleagues to collaborate to this folder. 
So this folder will appear on every invitee’s dashboard.

They all can edit the files within the folder but who can move a file out or delete it?
 I thought that who creates the file is the owner, anyone can work on it but only the owner can move the file to another folder or delete it. Right?

A non-owner will be able to “Make a copy” or “Copy this another Folder” if he/she wants to share that file outside this folder.
If a person leaves this folder/space of collaboration and owns some files then needs to transfer ownership.

Are there any flaws in the logic? Image to help thanks

a busy cat

django – Flower Dashboard no muestra Tasks de Celery

estoy aprendiendo a realizar tareas asincronas y periodicas con Celery y Django, y de momento las pruebas que he realizado han funcionado bastante bien, pudiendo ver los resultado desde los Logs de la consola. Pero al intentar ver los mismos resultados desde el Dashboard de Flower no aparece nada de nada.
Aún me cuesta entender como funcionan estos servicios, pero según entiendo en los Logs, Flower se conecta correctamente con el Broker Redis, y parece fallar al final.

Estos son los logs que me arroja Flower:

flower_1        | (I 201114 14:34:53 command:144) Broker: redis://redis:6379/0
flower_1        | (I 201114 14:34:53 command:147) Registered tasks: 
flower_1        |     ('celery.accumulate',
flower_1        |      'celery.backend_cleanup',
flower_1        |      'celery.chain',
flower_1        |      'celery.chord',
flower_1        |      'celery.chord_unlock',
flower_1        |      'celery.chunks',
flower_1        |      'celery.group',
flower_1        |      'celery.map',
flower_1        |      'celery.starmap',
flower_1        |      'cride.taskapp.celery.debug_task',
flower_1        |      'disable_finished_rides',
flower_1        |      'send_confirmation_email')
flower_1        | (I 201114 14:34:53 mixins:229) Connected to redis://redis:6379/0
flower_1        | (W 201114 14:34:56 control:44) 'stats' inspect method failed
flower_1        | (W 201114 14:34:56 control:44) 'active_queues' inspect method failed
flower_1        | (W 201114 14:34:56 control:44) 'registered' inspect method failed
flower_1        | (W 201114 14:34:56 control:44) 'scheduled' inspect method failed

Estoy usando Docker Compose y estas configuraciones:

Requeriments.txt

# Celery
redis>=3.2.0
django-redis==4.10.0
celery==4.2.1
tornado>=5.0.0,<6.0.0
flower==0.9.2

local.yml

services:
  redis:
    image: redis:3.2

  celeryworker:
    <<: *django
    image: cride_local_celeryworker
    depends_on:
      - redis
      - postgres
      
    ports: ()
    command: /start-celeryworker

  celerybeat:
    <<: *django
    image: cride_local_celerybeat
    depends_on:
      - redis
      - postgres
      
    ports: ()
    command: /start-celerybeat

  flower:
    <<: *django
    image: cride_local_flower
    ports:
      - "5555:5555"
    command: /start-flower

compose Celery-Flower

celery flower 
--app=cride.taskapp 
--broker="${CELERY_BROKER_URL}" 
--basic_auth="${CELERY_FLOWER_USER}:${CELERY_FLOWER_PASSWORD}"

compose Celery-Worker

celery -A cride.taskapp worker -l INFO

Compose Celery-Beat

rm -f './celerybeat.pid'
celery -A cride.taskapp beat -l INFO

Django Celery Configs

# Celery
INSTALLED_APPS += ('cride.taskapp.celery.CeleryAppConfig')
if USE_TZ:
    CELERY_TIMEZONE = TIME_ZONE
CELERY_BROKER_URL = env('CELERY_BROKER_URL')
CELERY_RESULT_BACKEND = CELERY_BROKER_URL
CELERY_ACCEPT_CONTENT = ('json')
CELERY_TASK_SERIALIZER = 'json'
CELERY_RESULT_SERIALIZER = 'json'
CELERYD_TASK_TIME_LIMIT = 5 * 60
CELERYD_TASK_SOFT_TIME_LIMIT = 60

# Celery
CELERY_TASK_ALWAYS_EAGER = True
CELERY_TASK_EAGER_PROPAGATES = True

Muchas gracias de antemano!