I love the functionality of the Set filter in ag-grid, but I don't like how the floating filter appears as a disabled text input. It conveys to the user that the filter cannot be used.
How can I change this appearance so that when ALL categories are selected, it says "All" instead of just being blank?
Related
Like for my one component there a two styles added , if style one is selected then I have to hide 1 field in cq:dialog and if style 2 is selected then I have to show that field
Is the style mentioned above, is a dropdown within same dialog? If yes, there are numerous examples explaining how to implement Show/Hide of dialog fields. Please check here, here, here, here.
Basically idea is on the dropdown field, add a class cq-dialog-dropdown-showhide and a property cq-dialog-dropdown-showhide-target with a value of class selector unique to component. Then by defining property showhidetargetvalue on the element, selecting the dropdown will show/hide respective properties.
If the style you mentioned is the style system applied using brush icon, it is not OOTB. You ll need to add an authoring clientlib and implement logic to hide specific dialog field based of style system applied.
IMO style system is presentational, only to apply skin to the component. It should not drive business logic of allowing dialog properties. As simplistic, maybe allow authors to enter all allowable fields at dialog and using JS, you may consume / not, the dialog properties.
I would like to add traffic light icon based on entity field value in given collection view. Are there some way to do it?
Not sure if this can apply to your case, but you can highlight a record in a collection view using the Record highlight feature in collection views (works on grid and cards views).
Basically, you can define conditions to decide if the record can be highlighted and which color will be used for that. You can find more information here:
https://slingr-stack.github.io/platform/app_development_ui_grid_views.html#record-highlight
UPDATE: I am adding a photo that may better demonstrate the type of thing I am trying to achieve.
I am creating an app where a user can set as many filters they like on a stream of images. I would like to display each filter they have set as a button with an X in it if they would like to remove it. I have created my own buttons and assigned actions to them, but this would be my first dynamic button project.
My confusion how to programmatically create the button, assign it an action that knows which filter to act on, and then arrange it so that the buttons behave like text in a text box such that if a button can't fit on the screen it "word wraps" to the next line.
I have a an array of the filters they have applied that I can loop through, I just don't know what the mechanism is for arranging them so that each button acts like its own word in a sentence. As a work around I could use a table/collection view but since the width of the filters varies amongst the potential buttons I was really hoping to not force a uniform width as those would require. I have seen apps that do this so I am hoping the experts on here can help.
I suspect the solution looks something like:
For loop that has for each filter in Filters
Create and configure a UIButton with the text title of the filter
Assign an action that takes an argument so I know which filter to remove
Assign constraints appropriately so it fills the width of the screen but "word wraps" once it can't fit and whatever container object it is in increases in height which would need to adjust in landscape mode
// Can a #selector take an argument like the filter's array location?
myButton.addTarget(self,action: #selector(helloButton), forControlEvents: .TouchUpInside )
For angular material placeholder becomes a label when we enter value in the input control.
I am using my form for both view and edit mode. When in view mode I just disable the form so user can't edit it (based upon the user role and API takes care of it too)
However it looks pretty odd looking at control with placeholder text on it. Is there any CSS trick so that I can make placeholder value to be a label of that control and have the input shown as blank field (so it looks like no value is available for this control and placeholder actually becomes a label on the top)
Please advise
OK, I seems like my questions was not clear enough.
I found the solution and was pretty easy.
I used "floatLabel" attribute of mat-form-field and made is dynamic with form's disabled property.
if the form is disabled placeholder will be become label even if the input has not value available.
<mat-form-field appearance="fill" floatLabel="never">
<mat-label>Input</mat-label>
<input matInput>
</mat-form-field>
I have made an InfoPath form with several views. A user can only go to the next view when all needed fields are filled. Therefore, the next button is disabled. To inform the user, there is a calculated field dispalying "please fill out all needed fields to go to next view". When all fields on the view are filled, the calculated field is hidden and the button is enabled. When the field disappears the button is moving one Level higher to the direction where the label was. Is there a way to lock the button on the view?
If you look carefully you can see that the button (and the Label "1/6" is moving up)
Best regards,
Julian
Here is a trick: try changing the font color to the same color as background. It is like hiding the message by changing the font color so it won't be visible.
You might want to put the different objects inside a layout table, and then set specific heights for the layout table rows. Then when something is hidden, like the calculated field, the other objects stay where you'd like them to be.