无代码软件开发输入框样式设计


腾讯课堂免费学习,3小时学会开发,可开发一套简单系统
无代码开发时,对输入框等任何显示元件,都可以用样式标签来定义显示样式(两种样式设定方式之一):

选中显示元件,添加样式属性名称,添加样式标签及值,保存运行
可以用CSS样式标签,对输入框元件设定宽度、高度、边距等常用样式。以下演示中,我们设定了宽度为上级元件宽度的60%、左边距为整行宽度的13%使输入框基本显示在页面中间(也可以是15%)、且高度为35像素,样式值写为:width:70%;margin-left:13%;height:35px; 主要处理步骤如下:

最初默认的显示样式

选中元件,单击右下带+号的属性添加按钮,添加样式属性标签html.style

添加样式值:width:70%;margin-left:13%;height:35px;

保存修改内容,运行项目后的页面效果
所有元件添加样式属性的方式都是这样的,但是样式定义还有一种样式类处理方式,下节会演示说明;样式是对当前的元件进行独立样式定义。如果很多元件需要定义一样的样式,最好用样式类定义。

样式定义的属性名“html.style”是无代码开发平台设定的固定写法,CSS标签是网络统一的规范,相关信息可以参考我们官网tersus.cn上的开发文档中部分内容。CSS标签常用的也就十多个可以记住标签名称和标签值的设定方式随意添加使用(值一般就是像素和百分比)。

可以在腾讯课堂搜索“无代码软件开发”或“尚识”在线课免费学习入门课程,3小时即可学会开发,系统学习只需2天完成全技能学习。可以自学无代码开发技能,无需代码及编程知识,可以开发JAVA类的大型企业应用,几万到百万以上复杂项目均可用无代码进行快速开发。

原文地址:https://blog.51cto.com/11967955/2379745

时间: 2024-10-31 10:51:10

无代码软件开发输入框样式设计的相关文章

无代码软件开发用样式类定义显示效果

用样式类定义样式需先在项目样式文件夹的任意一个样式文件中写入定义的样式类,然后在开发过程中选中要修改样式的元件,为元件样式类属性"html.styleClass"添加样式类名称即可:用样式类来定义显示效果的主要处理步骤如下:浏览器即时查看处理前的样式项目文件夹中找到样式style文件夹打开任意一个样式文件,写一个样式类并保存将样式类名称添加到项目中任何需同样显示的元件的样式类属性值中保存并运行项目,可以看到新的样式 样式类在样式文件中的写法如下,可参考上面图中写的一个例子: 点 样式类

无代码软件开发之文本字符串输入框设计

无代码开发一个项目,拖放文本字符串输入框元件并进行测试测试演示:用无代码设计一个用户输入文本字符串的输入框很简单,直接从元件选项板中显示类型的元件中选中拖放文本字符串输入框元件,放入开发区任意位置即可.新建项目拖放元件并命名本地浏览器运行测试输入值存入变量元件中数字等输入也存为字符信息 这个输入框的显示样式及点击特效都可以用CSS样式类或标签自定义. 输入框中可以定义默认输入值.放置输入提示信息:也可以开发验证输入内容.输入后的逻辑处理.存入数据库/存入本地.信息处理后回传显示在用户界面等功能.

无代码软件开发数字输入框

腾讯课堂搜"尚识"在线学习 无代码软件开发中需进行数字输入时,使用数字输入框元件,输入的值存在元件的变量"value"值中,输入框可以修改默认样式也可以放输入提示信息及添加限制输入长度等操作,完整操作演示如下:选中拖放---运行测试---其他设定 主要处理步骤:拖放数字输入元件到开发区本地浏览器测试数字输入样式类属性设定设定提示信息最终效果本地测试 和其他所有显示元件一样,默认样式可以用样式属性或样式类属性进行重新定义,对默认的样式也可以在项目样式文件中查看修改.

无代码软件开发不生成对象

腾讯课堂搜"尚识"在线学习 无代码软件开发中,如果运行时默认不需要生成所开发的某些对象,可以直接将对象元件去掉"一直生成"的功能勾选,处理过程完整演示如下:选中对象---右键去掉勾选---保存刷新 主要步骤是右键单击处理对象元件一些设定内容:所有对象默认是直接生成的默认勾选了"一直生成"选项点击后去掉勾选不勾选状态保存刷新项目,运行后不显示对象 "一直生成"在开发中默认是勾选的,如果是显示类的元件,则显示元件运行时就是可见的.

无代码软件开发删除软件项目

腾讯课堂搜"尚识"在线学习 无代码软件开发工具中的项目如果不想显示在开发工具中可以作删除处理,删除项目的完整操作演示如下:停止本地运行---关闭开发窗口---选中项目删除 主要操作步骤如下:停止本地运行项目关闭开发窗口选中项目名称右键选删除?勾选删除项目文件夹全部删除完成 删除项目前,如果项目是运行中的,需点击红色停止运行按钮停止本地浏览器的运行,否则勾选删除文件夹时运行中的项目因为文件在使用,就无法删除文件夹中部分文件,整个文件删除会提示未完全删除. 删除项目时,可以选是否将项目文件

无代码软件开发为输入框添加提示信息

所有无代码开发中的输入框都可以添加一个<placehoder>保留变量名的变量元件(也是数据类型元件),来为输入框设计显示提示信息,可以将我们的输入提示.输入规则或格式要求等信息用一个字符常量定义,然后将常量(或是数据库中设定的提示文本信息)用流程连线方式传值给这个变量即可.以下是一个简单示例的完整演示:主要处理步骤如下:默认无提示信息输入框中添加一个提示信息常量添加一个<placehoder>保留名的变量,用连线将常量传值给变量保存后刷新浏览器即可显示提示信息 在设定提示信息时,

无代码软件开发样式文件导入新项目

腾讯课堂搜"尚识"在线学习无代码开发中,样式文件及LOGO,UI元件等是放在项目文件夹(开发工具默认文件夹名称是workspace)下的web文件夹中的,新项目模板中默认预定义了一套样式文件可以直接用,如果开发时添加了新的类或修改了默认的样式,则可以将其作为成熟项目的样式文件复用到新项目中:复制一个项目的样式文件,添加到新项目中 从一个项目中复制样式文件夹到新项目主要2步完成: 第一步:复制项目中样式文件夹注意上图是workspace中的TEST项目下的web样式文件夹.第二步:新项目

无代码软件开发修改软件标题

腾讯课堂搜"尚识"进行在线学习 软件标题也可以叫软件系统标题或软件应用标题或系统名称等,在浏览器运行软件时,软件默认是以我们开发时命名的项目名称为标题的,可以查看我们之前的字符串文本输入框的开发功能演示中,全部是以TEST这个名称的项目,所以运行时,浏览器中软件标题为"TEST". 以下是我们演示新建一个TERSUS为名称的项目,然后运行,显示默认标题TERSUS,我们修改这个默认标题为"TERSUS无代码开发":新建项目---添加标题属性---

无代码软件开发设定不显示元件

腾讯课堂搜"尚识"可在线学习 无代码开发中,除了之前演示的去掉默认的"一直生成"勾选项来在程序运行时不生成元件外,对于显示类的元件,可以通过设定一个是否显示的变量,为变量传入是/否值来定义显示元件的显示和不显示,元件不显示设计演示如下:双击进入元件---添加是否显示变量---传值否 主要步骤:默认输入框是生成并显示的拖放添加一个是否显示变量并命名为变量传常量值---否刷新后输入框不显示 是否显示对象所用的变量是用<Visible>这个保留名称的布尔数据类