MagicMirror Forum
    • Recent
    • Tags
    • Unsolved
    • Solved
    • MagicMirror² Repository
    • Documentation
    • 3rd-Party-Modules
    • Donate
    • Discord
    • Register
    • Login
    A New Chapter for MagicMirror: The Community Takes the Lead
    Read the statement by Michael Teeuw here.

    Help! Icon Creation

    Scheduled Pinned Locked Moved Utilities
    12 Posts 3 Posters 4.5k Views 2 Watching
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • B Offline
      Basanth_Kumar
      last edited by

      Hi all! Here i am a beginner to this smartMirror things…just tested some modules which i liked the most…but i want to create a clean UI …just like any other os looks…i want few modules to be displaced after booting of my mirror…then there should be some icons for my modules on the intial screen …upon clicking those icon their respective modules should start their function…and after use i should b able to close them…how can i achieve this??

      ? 1 Reply Last reply Reply Quote 0
      • ? Offline
        A Former User @Basanth_Kumar
        last edited by

        @Basanth_Kumar
        As I know, Modules should have been created for those behaviors. But almost all of modules hadn’t.
        If you need, you’d better build your owns.

        1 Reply Last reply Reply Quote 0
        • B Offline
          Basanth_Kumar
          last edited by

          Thanks for your reply! actually i have an idea like…on initial boot i will hide those modules which are not required for me…i will bound all modules with some respective icon images…then whenever user clicks something, i want to perform an event & their respective actions of those modules…once the use is done…i will make them hide back…is this works?? because this is just my idea…i want to confirm this…if not so can you suggest me better way of doing it?? if you are aware of these things…

          ? 1 Reply Last reply Reply Quote 0
          • ? Offline
            A Former User @Basanth_Kumar
            last edited by

            @Basanth_Kumar
            Basically, it will work.

            Module hiding and revealing mechanism are already there.
            So, we need just monitoring and controlling module status. And I think it is not difficult at all. (pretty icons are… another issue. :D)
            Very interesting. do you have a plan for this building by yourself?

            1 Reply Last reply Reply Quote 0
            • ? Offline
              A Former User
              last edited by

              And, I just find another idea.
              If you are javascript guru, you can add additional DOM(like upper-right close button) to each module’s view to close itself
              Register click event to that DOM to distinguish which DOM is pressed. And you can hide that module!

              B 1 Reply Last reply Reply Quote 0
              • B Offline
                Basanth_Kumar
                last edited by

                Yes! i am looking forward to develop 1 for me…on my own…but interested in little customization of the ui part for better appearance…started this few days back…successfully done, building my own voice assistant using amazon .ai. but facing some issues as my mirror is small…not able to accommodate all the modules i am interested in.so thought of doing some icon pack creation…googled it alot …havent got any proper solutions…

                1 Reply Last reply Reply Quote 0
                • B Offline
                  Basanth_Kumar @Guest
                  last edited by Basanth_Kumar

                  @Sean ya! its a good part of doing it …anyway i am looking forward to use swipe left/right gestures to hide them back…:)

                  ? 1 Reply Last reply Reply Quote 0
                  • ? Offline
                    A Former User @Basanth_Kumar
                    last edited by

                    @Basanth_Kumar I’m also making my own gesture-command module. Swiping is not so difficult. you can use hammer.js or implement from scratch with touch events. (https://developer.mozilla.org/en-US/docs/Web/API/Touch_events/Using_Touch_Events)

                    B 1 Reply Last reply Reply Quote 0
                    • B Offline
                      Basanth_Kumar @Guest
                      last edited by

                      @Sean wow…! your are really awesome…now that really reduces my efforts…thanks a lot…no need to code it again…i think slight changes will works fine for me …i think:)

                      1 Reply Last reply Reply Quote 0
                      • B Offline
                        Basanth_Kumar
                        last edited by

                        If you do have any idea for creating virtual keyboard for yours… let me know…i want to integrate that too…

                        1 Reply Last reply Reply Quote 0
                        • 1
                        • 2
                        • 1 / 2
                        • First post
                          Last post
                        Enjoying MagicMirror? Please consider a donation!
                        MagicMirror created by Michael Teeuw.
                        Forum managed by Sam, technical setup by Karsten.
                        This forum is using NodeBB as its core | Contributors
                        Contact | Privacy Policy