《Blazor》的teleerik UI免费下载30天试用版

签名设置

您可以通过以下参数控制Signature组件的外观:

您可以一起使用它们来实现所需的外观。本文将逐一解释它们的作用。

写成BackgroundColor

使用写成BackgroundColor参数更改Blazor签名的背景颜色。

修改签名的背景颜色

@*为签名的背景颜色提供一个有效的CSS颜色*@ @*本例设置红色与HEX代码*@   @code{私有字符串SignatureValue {get;设置;}}

颜色

使用颜色参数更改签名笔画的颜色。

改变笔画的颜色

@*为签名的背景颜色提供一个有效的CSS颜色*@ @* *本例设置红色为纯文本颜色名称*@   @code{私有字符串SignatureValue {get;设置;}}

FillMode

FillMode参数控制如何填充TelerikSignature。它取一个元素Telerik.Blazor.ThemeConstants.Signature.FillMode静态类:

类成员 手动声明
固体
默认值
固体
大纲 大纲
@*这些都是内置的填充模式*@ @{var字段= typeof(telerik . blazor . themconstants . signatures . fillmode) . getfields (System.Reflection.BindingFlags. .)Public | System.Reflection.BindingFlags.Static | system . reflection . bindingflags . flathierarchy) . where (field => field。IsLiteral && !field.IsInitOnly).ToList();foreach (var字段中的字段){字符串填充模式=字段。getvalue (null).ToString();< span style=" font - family:宋体;保证金:20 px;> @fillmode   
}} @code{私有字符串SignatureValue {get;设置;}}

圆形的

圆整参数应用这个特性CSS样式的按钮,以实现弯曲的边缘。它取一个元素Telerik.Blazor.ThemeConstants.Signature.FillMode静态类:

类成员 手动声明
sm
媒介
默认值
医学博士
lg

舍入属性的内置值

@{var fields = typeof(telerik . blazor . themconstants . signature . round) . getfields (System.Reflection.BindingFlags.)Public | System.Reflection.BindingFlags.Static | system . reflection . bindingflags . flathierarchy) . where (field => field。IsLiteral && !field.IsInitOnly).ToList();foreach (var字段中的字段){字符串舍入= field. getvalue (null).ToString();< span style=" font - family:宋体;保证金:20 px;>   
}} @code{私有字符串SignatureValue {get;设置;}}

大小

使用大小参数来应用最小高度CSS样式转换为< div class = " k-signature”>元素。设置大小的成员的参数Telerik.Blazor.ThemeConstants.Signature.Size静态类:

类成员 手动声明
sm
媒介
默认值
医学博士
lg

设置Size参数

@ TelerikSignature @bind-Value="@SignatureValue" Width="300px" Height="300px" Size="@ TelerikSignature . blazor . themconstants . signature .Size ="大">  @code{私有字符串SignatureValue {get;设置;}}

ThemeBuilder

要完全控制Blazor组件的Telerik UI的外观,您可以使用ThemeBuilder

ThemeBuilder是一个web应用程序,使您能够创建新的主题和自定义现有的。你所做的每一个改变几乎都会立刻被可视化。一旦你完成了UI组件的样式,你就可以导出一个包含主题样式的ZIP文件,并在Blazor应用程序中使用它们。

另请参阅

在本文中
Baidu
map