HISE Logo Forum
    • Categories
    • Register
    • Login

    LAF a vertical slider using CSS

    Scheduled Pinned Locked Moved Scripting
    5 Posts 3 Posters 29 Views
    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.
    • CatABCC
      CatABC
      last edited by

      I didn't find any CSS examples for vertical sliders in the forum. I spent some time making one, but I don't think it's perfect. If you have a better way, please help us.

      HiseSnippet 1349.3ocsVsraaaDEcnsYZI6CT2lO.hDDDo.KCRZq3XIDDG+J0HwwBUNAoqBFRNTZpFNi.4nDoDDfrneCcc+B5uPK5WPW2Us+AcSW0Eo2YHkHssPdHfPBPo6qYN26beLcREgjrLQJxv9zICIHiO2r6Dtr+d8wTN5n8QFKa5g1cxPbVFIBYXr78TBLrVAoe9m6rKlg4gjRVHziEzPxCnITYI2N6beJicHNhbJMoh1atyQgB9dBlXTpZybQCwgCv8HODqTaISz2hy5iLtgoKIHHJNXisI9dd9a2zs4VA9.qMHgX+3s1zycqla4uM.xKcPDUJR6JwRRFrn6Jhlzsu3477M3wzLZ.ij6ZcgcNmMZu9TVTmoQjLDxXkNkwmkyiOW17XZDcF+x3zWoE3TZQ0flwRuMH48A.IiJPZkbHspY2vT5PYoDEd9Lyi3RRZLFNapBkbcQK8mqXtm.zfKWOAOfbXJPLyhZ2z0cMG3S8111v4Slz4Y3Tm6yEAdN21Ypg8Hx8DICEbfn1UzRuREKDrmxvwUzOLk.9+CDgX1CDhA2kGcHgvpUuskkskcg9qmQ.fvnbRW4DFoaeBAVbaq0yzHOiQiHo1VVuz1xo344zHY+VN9tCG2tjaeBsWeYKGuywO.Rv5kJFwiZ4j1K.WyuYy0bJ+.NMnUo9w.5ajQeAokia6oLA.7pygoVsBHwhTh8LnEl62sbt90aOaEkhg.lTPxwpb0z+vHwfxMcu1TzJSw7LXMSZk+WFD9dRsFfF0mpRgueqRWbleuYE+tpSeUOOuY7Eo.zajhinixZ4r4LKrsdk5P47tHNFRQ.+ypz2t80aqoYhzVpzjZMZPkjj7ZZENsjjwPDrONR7bHFBudCGOeMCDRo.71D73Z.5WyARUBq445dMmaTXwyvrQj500pmp8z7.l07BVeeshXkUQbxqo1CslFj78yoeQCJOhLFXngQ0n01a6gUu436LgqBiCDim4d.ID8.WzwWIt.zA8Jbx0xkS4PVNnUCO3fSGRNe3v+7ppRYz+3bUWn5rXexsF91P4Y44yarl50ccuoKQilZ0ZNe01p9zrZa3H2VWAaoKlUkhWnZsnLsd63Q7PIUvcD7GJjjS30paCYF1ux147hhimqLUegTAiQRmqX0jhz2lg03iRBHoq4jmSLUQny3Ya2do2u1sEozUTTvOhSkmLjTPenfEoZip9+EaNiJ5yoZSWfPPUotI8WVzjtqtNBQgE4SL0AYjF7ESDe8u+u+0cPO5n8wR7zkAVQXWFRRkTkyXrO4Yv707d+Vl6SxF.sTz5VzJFY7MuyMc7rQv+FamIyHd8fcxTccgXlVQTBMJhQ5HxnpPekA++ZljLrKzUTw6kW9Wt2e+he7NIUua.BAUwUupP1n3X5X8P8XJKISBX6nDXVOx3qMeTFwIhDiGwjNYCf0Al.LfDcpPqut5EYXZ3CqTdsqh5m.pokVvNcoSN4j+PsWkkQJt+7Or7aNKWeE6UWc0+SwV0cpT42.OJtYPVvofjcEiUiMQWbtKLwWDMB5xb1qAntfTg.UDq5rW07UNDImTMp7Ab2.225cCdeg3plcnxv9yGiKMGLBIheLvXwMp9ByChiIgxR.th4gOYQu9z6X6+NwHIk26XLj6AmqlObTRW3fOj.6NmSXYprpkTkx4ztJZUDnKgGoIT4GEB8TzFEB8lJDx5CSEOMLuAf5NaeplCfIt9NsVlGqncNakedACbExmFFd1k5BF5unFtwhZ3lKpgMWTCu4hZ3VKpg25can5F92cDbAk7xFD53NGn6TaXb.GCYf5rUz+CvYqjRB
      

      f669366d-d806-449f-94f1-74acbbf03f2d-QQ_1756486232027.png

      //I am a new student at HISE._
      //Windows11 & MacOS Ventura 13.6.7_

      ChazroxC DabDabD 2 Replies Last reply Reply Quote 3
      • ChazroxC
        Chazrox @CatABC
        last edited by

        @CatABC What is the difference/benefits of a slider made with CSS as opposed to LAF?

        CatABCC 1 Reply Last reply Reply Quote 0
        • CatABCC
          CatABC @Chazrox
          last edited by

          @Chazrox I think CSS can achieve the effect faster and clearer. In addition, CSS can achieve animation effects. However, it may be because I am not familiar with the native LAF of HISE.

          //I am a new student at HISE._
          //Windows11 & MacOS Ventura 13.6.7_

          1 Reply Last reply Reply Quote 0
          • DabDabD
            DabDab @CatABC
            last edited by

            @CatABC The Slider is getting cropped.
            147afa8e-cfce-459a-9f58-c104e10d3b3f-image.png
            I have changed the

            bottom: max(15px, calc(100% * var(--value)));
            

            it fixed the bottom range but how can I change Top ?

            Bollywood Music Producer and Trance Producer.

            CatABCC 1 Reply Last reply Reply Quote 0
            • CatABCC
              CatABC @DabDab
              last edited by

              @DabDab Yeah, that's the problem I encountered too.😂

              //I am a new student at HISE._
              //Windows11 & MacOS Ventura 13.6.7_

              1 Reply Last reply Reply Quote 0
              • First post
                Last post

              23

              Online

              1.9k

              Users

              12.4k

              Topics

              107.9k

              Posts