How to change the height and width of switch in kendo UI angular using css? [closed] - css

Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 3 years ago.
Improve this question
I am working with angular and Kendo ui.
How to change the height and width of switch button in kendo UI angular using css?

You can simply try this:
<kendo-switch [(ngModel)]="checked" style="height:50px; width:100px"></kendo-switch>
but I think the result is not what you really want.
So, try that as well:
<kendo-switch [style.transform]="'scale(0.9, 0.9)'" [(ngModel)]="checked"></kendo-switch>
and take a look at transform-scale to find out more info and modify the dimensions accordingly to achieve the desirable outcome.

Related

Customizing mat-checkbox [closed]

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 2 years ago.
Improve this question
I would like to change the angular material mat-checkbox checked icon. By default, the check icon is a white tick icon shown in a colored background box. What I need is a cross instead of tick (single problem, just show cross instead of tick when it is checked). The whole day searching, could not find a proper solution for that. Would be really appreciated for any ideas with sample codes. I am using Angular 10 and scss styling.
What I want to do
You can replace checkbox's default svg with any svg here.
Just you have to manipulate you dom.
Here is the minimal working example you can achieve
link
I have used document which is not recommended to manipulate dom in Angular.
You can check other methods for eg. renderer2, hostbinding, etc.

How to align the icons to the right of the text with the icon list elementor module? [closed]

Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 2 years ago.
Improve this question
I would like to Align the icons to the right of the text with the module "icon list elementor", there is no option for this can be a css solution?
icon list
You are correct, by saying that there is no option for that -
But in you module, you can achieve it by applying the following css.
selector .elementor-icon-list-item{
display:flex;
}
selector .elementor-icon-list-icon{
order:2;
}
This would make your list have the icon at the end, and you can then toy around with positioning.

how to text wrap the tooltip in ag-grid in angular 6 [closed]

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 2 years ago.
Improve this question
please click here to see the image
is there any way to wrap the text inside ag-grid in angular.in the image the tooltip is not fully visible since it is a long text. i tried using customTooltip but its not worked also i have tooltip for all columns as well
You need to create a custom cell renderer component using ICellRendererAngularComp
and pass that in your column definitions.

Remove label section from paper-textarea [closed]

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 6 years ago.
Improve this question
I'd like to remove the extra space that the label takes up in a polymer text-area. Is this possible? Thank you.
--paper-input-container-label
--paper-input-container-label-focus
--paper-input-container-label-floating
These are three mixins that can be applied to label in paper-text-area. You can use these to style label or hide it as per your need
I guess there are some default margin on padding. Without code it's hard to say.

combobox vertical scrollbar width asp.net [closed]

Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 8 years ago.
Improve this question
I want to increase the width of vertical scrollbar of the a ComboBox in Asp.Net 1.1 application.
Please note that I don't want to change the system settings that would increase the width of all the scrollbars.
Thanks.
ASP.NET standard ComboBox (DropDownList) renders as a SELECT HTML element, which in browsers is rendered by OS and you have very little control over its appearance (besides some limited styling of colors and fonts).
You will have to use a custom control indeed if you wish to achieve that effect.

Resources