igeoorge 26 Posted April 18, 2019 Share Posted April 18, 2019 Hi friends With a new update appeared a rather annoying feature for me. is it possible to remove the check box or remove the whole set? Link to comment Share on other sites More sharing options...
Solution Happy2Play 8451 Posted April 18, 2019 Solution Share Posted April 18, 2019 (edited) Sure it is the multi select option that to many people couldn't find so now it is visible. /*Remove multi-select checkbox option*/ label[data-action="multiselect"] {display: none;} or label.chkCardSelectContainer {display: none;} This removes the box option from everywhere, but it can be targeted if needed. Edited April 18, 2019 by Happy2Play 5 Link to comment Share on other sites More sharing options...
igeoorge 26 Posted April 18, 2019 Author Share Posted April 18, 2019 worked very well. Thank you. You are awesome Link to comment Share on other sites More sharing options...
Matt Fabiani 0 Posted August 28, 2019 Share Posted August 28, 2019 Sure it is the multi select option that to many people couldn't find so now it is visible. /*Remove multi-select checkbox option*/ label[data-action="multiselect"] {display: none;} or label.chkCardSelectContainer {display: none;} But in mobile phones you can still select. Is there any solution? Link to comment Share on other sites More sharing options...
Happy2Play 8451 Posted August 28, 2019 Share Posted August 28, 2019 But in mobile phones you can still select. Is there any solution? Sorry I don't use Emby on mobile phones, but in the Chrome console device emulator they do not appear. Would need a specific example. But you know custom css only applies to browser ip/ddns:port connections. Not any device app or app.emby.media connection. Link to comment Share on other sites More sharing options...
Matt Fabiani 0 Posted August 28, 2019 Share Posted August 28, 2019 Sorry I don't use Emby on mobile phones, but in the Chrome console device emulator they do not appear. Would need a specific example. But you know custom css only applies to browser ip/ddns:port connections. Not any device app or app.emby.media connection. Link to comment Share on other sites More sharing options...
Happy2Play 8451 Posted August 28, 2019 Share Posted August 28, 2019 (edited) That code in the image is for itemselect, so that is after something is already selected ie your one item with a check already. I can not get to that point at least from a browser as the box is not available with the code above. But yes this code will not deactivate multi-select once it is activated. So is the code on mobile different then desktop? I guess it could be targeted a different way similar to the label in the hover box but shouldn't be needed. I tested on a iphone 7 that I have laying around and there are no multi-select boxes via Safari on the device with the above code. Edited August 28, 2019 by Happy2Play Link to comment Share on other sites More sharing options...
Matt Fabiani 0 Posted August 29, 2019 Share Posted August 29, 2019 That code in the image is for itemselect, so that is after something is already selected ie your one item with a check already. I can not get to that point at least from a browser as the box is not available with the code above. But yes this code will not deactivate multi-select once it is activated. So is the code on mobile different then desktop? I guess it could be targeted a different way similar to the label in the hover box but shouldn't be needed. I tested on a iphone 7 that I have laying around and there are no multi-select boxes via Safari on the device with the above code. Link to comment Share on other sites More sharing options...
Happy2Play 8451 Posted August 29, 2019 Share Posted August 29, 2019 Sorry I don't understand as your image is of something already selected (itemselectpanel need to see "cardOverlayContainer itemAction"). That code snippet is only shown once something is selected. You need to show the code for the select box with nothing actually selected. The Multi-select code prevents activation of multi-select where your images are of multi-select activated with itemselect boxes. I can't reproduce what you are getting without disabling the code above. 1 Link to comment Share on other sites More sharing options...
Happy2Play 8451 Posted August 29, 2019 Share Posted August 29, 2019 What device/browser are you seeing this on? Link to comment Share on other sites More sharing options...
Matt Fabiani 0 Posted August 29, 2019 Share Posted August 29, 2019 Sorry I don't understand as your image is of something already selected (itemselectpanel need to see "cardOverlayContainer itemAction"). That code snippet is only shown once something is selected. You need to show the code for the select box with nothing actually selected. The Multi-select code prevents activation of multi-select where your images are of multi-select activated with itemselect boxes. I can't reproduce what you are getting without disabling the code above. Link to comment Share on other sites More sharing options...
Matt Fabiani 0 Posted August 29, 2019 Share Posted August 29, 2019 What device/browser are you seeing this on? Google Chrome / Windows 10 Link to comment Share on other sites More sharing options...
Happy2Play 8451 Posted August 29, 2019 Share Posted August 29, 2019 How are you activating the multi-select boxes? Is it via the corner box or via the dialog box and selecting Mutli-select button in the dialog box? Link to comment Share on other sites More sharing options...
Matt Fabiani 0 Posted August 29, 2019 Share Posted August 29, 2019 How are you activating the multi-select boxes? Is it via the corner box or via the dialog box and selecting Mutli-select button in the dialog box? I press and hold on a cover. Link to comment Share on other sites More sharing options...
Happy2Play 8451 Posted August 29, 2019 Share Posted August 29, 2019 (edited) I press and hold on a cover. So a menu opens correct? Or is that action activating multi-select? If this is happening I would have to ask what server version number are you on as that action was changed awhile back unless it only happens on mobile devices. Okay it appears I have to refresh the browser console when toggling devices. As Multi-select is in dialog box on mobile and directly on card on desktop. If my understanding is correct one is label and the other is button. /*Remove multi-select option mobile*/ button[data-id="multiselect"] {display: none;} /*Remove multi-select from desktop*/ label[data-action="multiselect"] {display: none;} or /*Mobile and Desktop*/ [data-action="multiselect"], [data-id="multiselect"] {display: none;} Edited August 29, 2019 by Happy2Play mistake in copy paste one is id other is action Link to comment Share on other sites More sharing options...
Onoitsu2 0 Posted March 29, 2020 Share Posted March 29, 2020 Sadly the latest version of Emby seems to have broken this. I being a css basic user can only tweak things from what you've graciously provided. However any changes I've made using inspector in Chrome to track down that multi-select element have been fruitless. Perhaps you can toss together another block of css that can block that out, as I hate that multi-select option being there are all. Link to comment Share on other sites More sharing options...
Happy2Play 8451 Posted March 29, 2020 Share Posted March 29, 2020 (edited) Sadly the latest version of Emby seems to have broken this. I being a css basic user can only tweak things from what you've graciously provided. However any changes I've made using inspector in Chrome to track down that multi-select element have been fruitless. Perhaps you can toss together another block of css that can block that out, as I hate that multi-select option being there are all. Haven't really looked but there is code somewhere overriding the css so the easiest fix is adding "!important" to the code above. The server code for ".chkCardSelectContainer" is set to "!important" so we have to override existing code. /*Remove multi-select option mobile*/ button[data-id="multiselect"] {display: none !important;} /*Remove multi-select from desktop*/ label[data-action="multiselect"] {display: none !important;} or /*Mobile and Desktop*/ [data-action="multiselect"], [data-id="multiselect"] {display: none !important;} Edited March 29, 2020 by Happy2Play Link to comment Share on other sites More sharing options...
Onoitsu2 0 Posted March 29, 2020 Share Posted March 29, 2020 Haven't really looked but there is code somewhere overriding the css so the easiest fix is adding "!important" to the code above. You're right, that's how much of a noob I am with CSS. Thank you. I've been able to tweak in minor changes of colors and positions and such, but things like that are not in my wheelhouse of known tech skills. Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now