Quasar: remove shadows from a button - quasar-framework

How to remove shadows from the Quasar button which you can see when a cursor is hovering on the button and when the button is clicked?

It's in the documentation. Add css class no-shadow to disable shadow on any element/component.

That's actually a ripple effect you are referring to.
Just add a class no-ripple.
It's mentioned in the button documentation.

Update for 2022 is that you must use a property unelevated. Checked now for my project and it 100% works.
Full example:
<q-btn
unelevated
icon="mail"
color="agent-fantom-theme"
text-color="white"
label="Search"
/>

Related

Extjs 6 Ext.grid.plugin.RowEditing Remove Update / Cancel buttons

I am trying to remove update cancel buttons.
but no any config's are available for this.
I have tried to override but i cant remove this.
please if you have done task like this or know how to do this help me.
You're absolutely right that there is no built-in way to hide the update and cancel buttons with the row editing plugin.
You could try to hide the button bar via CSS. The normal CSS class name is x-grid-row-editor-buttons. But this may cause other problems.
Or, you could try a different editor, such as the CellEditing plugin - this lets you edit one cell at a time, as opposed to showing the editors for the entire row, and doesn't use buttons.
You might be able to remove the button by overriding the Ext.grid.plugin.RowEditing. A quick look at the source shows me an array with in the initEditiorFunction() which looks like this.
btns = ['saveBtnText', 'cancelBtnText', 'errorsText', 'dirtyText'],
Try removing the cancelBtnText button, and perhaps it won't show on there? I haven't tested this but this might be something in the right direction.

How to change left icon in UITableView editing mode

I've seen many posts about how to change the "Delete" texts that appears on the right when editing an UITableView.
But what I need to do is to change the image that appears on the left when a UITableViewCell is editable.
I've tried with editingAccessoryView property, but it appears on the right as the normal accesoryView.
Is it possible to change the left delete (-) icon?
You cannot change the (-) icon, however, you can implement your own editing style.
Check UITableView's setEditing:animated: method where you can make your editing style on the cell
Directly we can not change it but if you want then you can customize it. See the below link which help you:
Customized Demo Code: https://github.com/teameh/TableViewCustomEditControls
To change the color theme only: http://www.cumulations.com/blogs/11/How-to-customize-UITableViews-editing-mode

Button on jQuery UI

I am writing a script using jQueryUI's button http://jqueryui.com/dialog/#modal-form.
The button is pretty fancy looking.
Now, when I tried to use jQuery to change the display name of the button:
$('#signin').text("new name");
The Button revert to the original style of the browser, with no padding and etc. I don't know why change of style happens when I just change the display name of the button. Please suggest me a way to fix it.
To change button text use this :
$('#btnId').val('new-text');
I figured out how. I used a span tag around the display name and just change text of that span tag.

Highlighted property is only for display within Interface Builder

How do I solve such warning? What does it mean in most of the cases?
When I click on it, there is nothing highlighted on my Interface Builder (it just zooms in on some area between 2 view controllers).
You have a UIImageView with Highlighted set to true in Xcode. Xcode tells you that the value is for WYSIWYG but won't work at runtime.
After looking at warning message details I got to know, but still there was no way, I could find particular Image is having highlighted="YES"
Perfect Trick suggested by #Keller in Accepted answer's comment.
Just right click your Storyboard --> Open As --> Source Code.
search for
highlighted="YES
Just set YES to NO.
or event if you look carefully code around searched string, you can get in which ViewController's Scene particular ImageView.
Thanks to #Keller
Right click on your Storyboard -> Open as -> Source Code.
Search for highlighted = "YES".
Check the name of the image.
Find the image on the Storyboard.
Click the image, go to Show the Attributes inspector.
Uncheck the Highlighted option
Highlighted image

How to disable NSButton focus outline

When my application launches, it has one button. This button has ended up with a very ugly blue outline. How can I disable this? (Code or Interface Builder solution welcome.)
In interface builder click on the button and then in the right hand panel go to the Attributes inspector. At the bottom of the attributes panel there is a section called "View".
The first item in that section is "Focus Ring".
Change this value to 'None'.
It's 2016 and this is how you do it programmatically in Swift 2.2:
view.focusRingType = .none

Resources