Activity Stream
Report-Fix / Update

Add 3 files to Tasks

Monday , 4:24 PM
Project Status

Marked Design as Completed

Monday , 3:00 PM
UI
Larkon Application UI v2.0.0 Latest

Get access to over 20+ pages including a dashboard layout, charts, kanban board, calendar, and pre-order E-commerce & Marketing pages.

Monday , 2:10 PM
avatar-5
Alex Smith Attached Photos
Monday 1:00 PM
avatar-5
Rebecca J. added a new team member

Added a new member to Front Dashboard

Monday 10:00 AM
Achievements

Earned a " Best Product Award"

Monday 9:30 AM
View All
Theme Settings
Color Scheme
Topbar Color
Menu Color
Sidebar Size
World Vector Map#

Give textual form controls like <input>s and <textarea>s an upgrade with custom styles, sizing, focus states, and more.

                                                                      
                                                                           <div class="mb-3">
                                                                                <div id="world-map-markers" style="height: 360px"></div>
                                                                           </div>
                                                                      
                                                                 
                                                                      
                                                                           initWorldMapMarker() {
                                                                                const map = new jsVectorMap({
                                                                                    map: 'world',
                                                                                    selector: '#world-map-markers',
                                                                                    zoomOnScroll: false, 
                                                                                    zoomButtons: true,
                                                                                    markersSelectable: true,
                                                                                    markers: [
                                                                                        { name: "Greenland", coords: [72, -42] },
                                                                                        { name: "Canada", coords: [56.1304, -106.3468] },
                                                                                        { name: "Brazil", coords: [-14.2350, -51.9253] },
                                                                                        { name: "Egypt", coords: [26.8206, 30.8025] },
                                                                                        { name: "Russia", coords: [61, 105] },
                                                                                        { name: "China", coords: [35.8617, 104.1954] },
                                                                                        { name: "United States", coords: [37.0902, -95.7129] },
                                                                                        { name: "Norway", coords: [60.472024, 8.468946] },
                                                                                        { name: "Ukraine", coords: [48.379433, 31.16558] },
                                                                                    ],
                                                                                    markerStyle: {
                                                                                        initial: { fill: "#5B8DEC" },
                                                                                        selected: { fill: "#ef5f5f" }
                                                                                    },
                                                                                    labels: {
                                                                                        markers: {
                                                                                            render: marker => marker.name
                                                                                        }
                                                                                    }
                                                                                });
                                                                            }
                                                                      
                                                                 
Canada Vector Map#

Give textual form controls like <input>s and <textarea>s an upgrade with custom styles, sizing, focus states, and more.

                                                                      
                                                                           <div class="mb-3">
                                                                                <div id="canada-vector-map" style="height: 360px"></div>
                                                                           </div>
                                                                      
                                                                 
                                                                      
                                                                           initCanadaVectorMap() {
                                                                                const map = new jsVectorMap({
                                                                                    map: 'canada',
                                                                                    selector: '#canada-vector-map',
                                                                                    zoomOnScroll: false,
                                                                                    regionStyle: {
                                                                                        initial: {
                                                                                            fill: '#5B8DEC'
                                                                                        }
                                                                                    }
                                                                                });
                                                                            }
                                                                      
                                                                 
Russia Vector Map#

Give textual form controls like <input>s and <textarea>s an upgrade with custom styles, sizing, focus states, and more.

                                                                      
                                                                           <div class="mb-3">
                                                                                <div id="russia-vector-map" style="height: 360px"></div>
                                                                           </div>
                                                                      
                                                                 
                                                                      
                                                                           initRussiaVectorMap() {
                                                                                const map = new jsVectorMap({
                                                                                    map: 'russia',
                                                                                    selector: '#russia-vector-map',
                                                                                    zoomOnScroll: false,
                                                                                    regionStyle: {
                                                                                        initial: {
                                                                                            fill: '#5d7186'
                                                                                        }
                                                                                    }
                                                                                });
                                                                            }
                                                                      
                                                                 
Iraq Vector Map#

Give textual form controls like <input>s and <textarea>s an upgrade with custom styles, sizing, focus states, and more.

                                                                      
                                                                           <div class="mb-3">
                                                                                <div id="iraq-vector-map" style="height: 360px"></div>
                                                                           </div>
                                                                      
                                                                 
                                                                      
                                                                           initIraqVectorMap() {
                                                                                const map = new jsVectorMap({
                                                                                    map: 'iraq',
                                                                                    selector: '#iraq-vector-map',
                                                                                    zoomOnScroll: false,
                                                                                    regionStyle: {
                                                                                        initial: {
                                                                                            fill: '#20c8e9'
                                                                                        }
                                                                                    }
                                                                                });
                                                                            }
                                                                      
                                                                 
Spain Vector Map#

Give textual form controls like <input>s and <textarea>s an upgrade with custom styles, sizing, focus states, and more.

                                                                      
                                                                           <div class="mb-3">
                                                                                <div id="spain-vector-map" style="height: 360px"></div>
                                                                           </div>
                                                                      
                                                                 
                                                                      
                                                                           initSpainVectorMap() {
                                                                                const map = new jsVectorMap({
                                                                                    map: 'spain',
                                                                                    selector: '#spain-vector-map',
                                                                                    zoomOnScroll: false,
                                                                                    regionStyle: {
                                                                                        initial: {
                                                                                            fill: '#ffe381'
                                                                                        }
                                                                                    }
                                                                                });
                                                                            }
                                                                      
                                                                 
© Larkon. Crafted by Techzaa