![]() ![]() ![]() The rotation works, but the icons do the rotation, even though I didn't click on the accordion. ![]() In the green buttons, at the top of the menu, I want to make a roration of the '' icon when the accordion is open. I want to rotate the '+' icon when the accordion is open. If anybody's got a simpler, cleaner or otherwise better solution, I'd be happy to hear it. In the menu at the top left of my site, I have accordion menu. It's likely that most properties would just have to "pass thru" to the underlying button, like I did for text, enabled and cssclass. While the abilities are limited, you can easily extend it by adding more properties. You don't have to try to simulate the look of a button with CSS and then struggle with different looks on different browsers. Pure CSS icons library, Customizable & Retina-Ready built 100 in pure CSS, SVG, SVG Sprite, styled-components, Figma and Adobe XD. Add the icons and CSS to our module (or a submodule that users can enable if they have Seeds Toolbar installed) 2. The resulting button is a "real" HTML button and so looks just like a real button. Is there a preferred method for adding the icons and CSS for a module that adds an icon to the top-level of the Seeds Toolbar I can see a few options and was wondering if any of these is preferred: 1. ' This is a little kludgey in that if the user gives a url and a confirm message, we'll build the onclick string twice.ĮlseIf String.IsNullOrEmpty(_confirm) Thenīutton.OnClientClick = String.Format("document.location=' return false ", _confirm, ResolveClientUrl(_url))Īdvantages of this scheme: It looks like a control. I called the control ButtonLink, so that I could easily get if confused with LinkButton.Ĭode behind: Partial Class controls_ButtonLink SVG Icons in their proper place as Drupal menu items I added a line of CSS (above) in my Sandbox theme to set the icon sizes. When you click on it there is a nice zoom out heart animation that goes into the heart icon on the button. Then in the button I put an onclick event that sets document.location to the desired value with JavaScript. Jay a compromise could be to define the styling of the and/or
0 Comments
Leave a Reply. |
Details
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |