Navigation

    MagicMirror Forum

    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unsolved
    • Solved
    • MagicMirror² Repository
    • Documentation
    • Donate
    • Discord

    Help! Icon Creation

    Utilities
    3
    12
    2891
    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
      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??

      Sean 1 Reply Last reply Reply Quote 0
      • Sean
        Sean Module Developer @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
          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…

          Sean 1 Reply Last reply Reply Quote 0
          • Sean
            Sean Module Developer @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
            • Sean
              Sean Module Developer 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
                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
                  Basanth_Kumar @Sean 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…:)

                  Sean 1 Reply Last reply Reply Quote 0
                  • Sean
                    Sean Module Developer @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
                      Basanth_Kumar @Sean 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
                        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 Paul-Vincent Roll and Rodrigo Ramírez Norambuena.
                        This forum is using NodeBB as its core | Contributors
                        Contact | Privacy Policy