To make it work like a submit button, use jQuery. Ideally you would want to just style the actual submit button, but you can’t use FA CSS on any type of input elements because they don’t contain content, so can’t use :before or :after. You can move this login button replacement around to get the full control of it that you need. Use your FontAwesome CSS on that div to get your icon in the right place. Make a div with a unique ID like #login-submit-block, next to your submit button in your HTML code. If you’d still like to use the FA icon button though, here’s how you could do it: Now it is time to train SpamSieve: To train SpamSieve with spam messages, select one or more of them and then choose SpamSieve - Train as Spam from the Script menu. That may be best, if you don’t want the extra work. The easiest way to do this is to click and hold on its Dock icon and make sure that Options Open at Login is checked. Hope that helps, apologies if you’ve already considered this stuff! Second, since you’re replacing your form submit button with something else, you’ll need to both use Javascript or jQuery to handle the onclick event so the faux button is still clickable, and will also need to provide a non-JS fallback. You may need to use absolute positioning (on the :before pseudo-element, with relative positioning on the container) to get your icon in the right place though. You may be aware of the following points, but just in case, here are two little bits worth noting: First, some older browsers (IE8) won’t accept :after, but will accept :before, so using :before is preferable is possible. You’ll need to adjust margins a little to get it looking correct. If you change your CSS to make the icon appear in the corner of the form itself, your issue should be fixed – i.e., use #login-form:after rather than #widget-login:after. To keep the ribbon displayed, select one of the Show options above. When you return to the document, the ribbon will be hidden again. This will temporarily restore the ribbon. Select More at the top right of the screen. This is because it’s essentially positioned in the top-right corner of the form container. If the ribbon isn’t visible at all (no tabs are showing), then you probably have it set to Auto-hide. Page layout is preserved but columns will not display and can't be edited in Word Online. When resizing the browser after the code you’ve used above has been inserted, the login form moves to below the list of forums, but the yellow icon arrow doesn’t stay in place relative to the form. Answer SP Sky Pei MSFT Microsoft Agent Moderator Replied on SeptemReport abuse Hi Yasserbakri, Office Online provides basic feature, while Office client provide full functional feature. Regarding your second (more recent) question: I may not understand what you mean about poor flow, but I think I can help.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |