Notika

Tabs

Welcome to Notika Admin Template

Basic Tabs

Standard horizontal tabs using .nav-tabs for switching between content panes.

Manage your personal profile information including your name, email address, and contact preferences. Keep your details up to date to ensure seamless communication across the platform.

Your profile is visible to team members and administrators. You can control visibility settings from the privacy section in your account preferences.

Configure your account settings including notification preferences, language options, and display themes. Changes are applied immediately and synced across all your devices.

For security settings such as two-factor authentication and password changes, visit the dedicated Security page from your account menu.

View your recent activity log including login history, file changes, and system interactions. Activity records are retained for 90 days and can be exported in CSV format.

Unusual activity will be flagged automatically. If you notice any unauthorized access, contact your system administrator immediately.

Pills Tabs

Rounded pill-style navigation using .nav-pills for a softer, modern look.

Dashboard overview shows key performance indicators at a glance. Monitor real-time metrics including active users, server uptime, and revenue trends all from one centralized view.

Widgets can be customized and rearranged to match your preferred workflow. Drag and drop to reorder, or use the settings panel to toggle visibility.

Generate and schedule detailed reports covering user engagement, financial summaries, and operational metrics. Reports can be exported as PDF, Excel, or shared via email.

Automated reports run weekly and monthly. Configure custom report schedules from the Reports Configuration page.

Deep-dive analytics with interactive charts and data visualizations. Filter by date range, user segments, or custom dimensions to uncover actionable insights.

Analytics data refreshes every 15 minutes. Historical data is available for the past 12 months with full export capabilities.

Tabs with Icons

Enhance tab labels with Font Awesome icons for better visual identification.

Your home dashboard displays a personalized summary of tasks, notifications, and recent updates. Quick-access shortcuts let you jump to frequently used sections.

The home view adapts based on your role and recent activity patterns for a tailored experience.

Manage team members, roles, and permissions from the user management panel. Invite new users, assign groups, and monitor account status in real time.

Bulk operations are available for managing large teams. Use CSV import for onboarding multiple users at once.

System configuration options for administrators. Adjust global settings, manage integrations, and configure API access tokens securely.

All configuration changes are logged in the audit trail. Use version comparison to review setting changes over time.

Justified Tabs

Use .nav-fill to make tabs stretch to fill the full available width.

Justified tabs distribute space equally across all items. This works well when you have a known number of tabs and want a balanced layout.

Each tab takes an equal portion of the available horizontal space regardless of label length.

The second tab demonstrates how content transitions smoothly between panes. Bootstrap 5 handles the show/hide animation natively with CSS transitions.

Use the .fade class on tab panes to enable the built-in fade transition effect.

Tabs can contain any HTML content including forms, tables, charts, and media. The tab container adapts its height to fit the active pane content.

For performance-sensitive content, consider lazy-loading tab panes that contain heavy elements.

Four or more tabs work best with justified layout to prevent horizontal scrolling on smaller screens. On mobile, tabs will stack naturally.

Consider using a dropdown menu for overflow tabs on narrow viewports.

Vertical Tabs

Side navigation layout using .flex-column pills with content on the right.

Dashboard Overview

The main dashboard provides a comprehensive view of your store's performance. Track sales, revenue, and visitor metrics through interactive charts and summary cards.

Real-time data updates every 30 seconds. Use the date range picker to compare performance across different periods.

Order Management

View and manage all customer orders from a single interface. Filter by status (pending, processing, shipped, delivered) and search by order ID or customer name.

Bulk actions allow you to update shipping status, print invoices, or send tracking notifications for multiple orders simultaneously.

Product Catalog

Manage your product inventory, pricing, and descriptions. Add new products with drag-and-drop image uploads and rich text descriptions.

Inventory levels are tracked automatically. Low-stock alerts are sent when products fall below the configured threshold.

Customer Directory

Access detailed customer profiles including purchase history, communication preferences, and loyalty points. Segment customers for targeted marketing campaigns.

Customer data complies with GDPR requirements. Export or delete customer records from the privacy management section.

Color Scheme Tabs

Apply Notika brand colors using data-tab-color attribute on the nav element.

Green (Primary)

Content styled with the primary green accent color (#00c292).

Second pane with consistent green theme applied to active tab indicator.

Blue (Info)

Content styled with the info blue accent color (#03a9f3).

Second pane with consistent blue theme applied to active tab indicator.

Amber (Warning)

Content styled with the warning amber accent color (#ff9800).

Second pane with consistent amber theme applied to active tab indicator.

Pink (Danger)

Content styled with the danger pink accent color (#e91e63).

Second pane with consistent pink theme applied to active tab indicator.

Animated Tabs

Add smooth animation effects using the data-animation attribute on tab content.

Slide Animation

Your inbox contains 12 unread messages. Recent emails from team leads require attention before end of day.

Use filters and labels to organize incoming messages efficiently.

Sent folder shows all outgoing messages from the past 30 days. Track read receipts and delivery confirmations here.

Messages older than 30 days are archived automatically.

You have 3 saved drafts. Drafts are auto-saved every 60 seconds while composing to prevent data loss.

Drafts sync across devices so you can start on desktop and finish on mobile.

Fade & Scale Animation

Active tasks for this sprint: 8 in progress, 3 pending review. Use the kanban board for drag-and-drop task management.

Overdue tasks are highlighted in red on the timeline view.

Shared notes and meeting minutes from the team. Use markdown formatting for rich text, and @mention teammates to notify them.

Notes support real-time collaborative editing with up to 10 simultaneous users.

Project files organized by category. Upload documents, images, and spreadsheets with drag-and-drop. Maximum file size: 25MB.

Version history is maintained for all uploaded files. Restore previous versions from the file detail view.