Domino下定制自己的WEB邮箱登录界面(UI)

简介:

我们大家都知道,domino下web邮箱的登录界面是由一个专门的表单来配置的,对于库的详细说明我也不太明白,因为我对domino开发一无所知,目前能只是通过Domino开发工具Desinger简单的对数据库编辑及修改等。

要定制Domino的登录界面,需要在Domino环境中创建domcfg.nsf数据库,创建数据库的时候,需要使用Domino自带的模板,这个模板的名字是:domcfg5.ntf,建立domcfg.nsf数据库之后,在浏览器中打开输入服务器的名称就可以访问简单的web邮箱了,但是界面是最简单的,并不是那么的好看,所以我们需要去修改该数据库来达到自己的美化要求。

具体操作我们见下:

我们首先创建一个domcfg.nsf数据库,在Notes控制台---文件----应用程序---新建

image

选择服务器名称及应用数据库的服务器

通过domcfg5.ntf数据库模板创建domcfg.nsf数据库

image

DWAloginForm

image

创建完后,我们通过浏览服务器名称后,打开web邮箱。

image

登录界面不是非常好看,所以,我们需要通过desinger修改web邮箱的配置数据库

打开Lotus Desinger,右击空白--打开应用程序

image

我们通过手动输入或者通过浏览打开服务器上的domcfg.nsf

image

然后找到$$LoginUserForm表单,双击打开进行编辑

image

打开着表单后,我们能看见登录时的完全界面,所以我们只需要通过自己的要求修改界面排版及内容

image

首选呢,我们是先将两个图片删除;选定图片后---delete键,删除后,我们还需要将图片对应的格式删除,右击格式---删除---列

image

按照同样的方法,图标删除;删除后,我们同样将该图片所对应的格式删除,-选定---删除--行

image

删除后,我们可以在格式内填写要显示的内容

image

我在上面的格式内写入邮件主题;下面的方格写入邮件内容

image

因为是邮件主题,所以我把填写的文字变大了,但是变大后,我们发现格式内排版乱了,所以我们需要去修改格式的宽度

image

右击---表单属性----宽度

image

修改后我们发现排版正常,我们通过快捷键----ctrl+s保存

image

保存后,我们通过浏览器访问,发现是按照自己的想法显示结果的

image

为了体现完美,我们在添加一个背景

右击---表单属性

image

选择导入

image

选择我们事先准备好的一个图片

image

确认后,我们发现 表单内的图片已经显示了,我们已经迫不及待了,赶紧试试吧;

ctrl+s保存

image

我们通过测试,发现测试结果是当初想的那样---完美

image

因为Domino每天晚上会通过模板文件刷新数据库的设计,为了保证我的修改的内容不被刷新,我讲设置数据库不集成模板

右击数据库---应用程序---属性

image

继承-----取消从主模板继承设计

image




本文转自 高文龙 51CTO博客,原文链接:http://blog.51cto.com/gaowenlong/1294921,如需转载请自行联系原作者

相关文章
|
14天前
|
XML Android开发 UED
💥Android UI设计新风尚!掌握Material Design精髓,让你的界面颜值爆表!🎨
随着移动应用市场的蓬勃发展,用户对界面设计的要求日益提高。为此,掌握由Google推出的Material Design设计语言成为提升应用颜值和用户体验的关键。本文将带你深入了解Material Design的核心原则,如真实感、统一性和创新性,并通过丰富的组件库及示例代码,助你轻松打造美观且一致的应用界面。无论是色彩搭配还是动画效果,Material Design都能为你的Android应用增添无限魅力。
31 1
|
2月前
|
编解码 前端开发 vr&ar
从零开始的PICO教程(4)--- UI界面绘制与响应事件
这篇文章是PICO开发系列教程的第四部分,主要介绍了如何在PICO 4 VR环境中创建UI界面,包括Canvas和Panel的配置、UI元素的绘制、以及Button和Slider的事件响应绑定,并通过示例展示了数字增减和滑块功能的具体实现。
从零开始的PICO教程(4)--- UI界面绘制与响应事件
|
1月前
|
前端开发 开发者 容器
【布局革命!】Flexbox与Grid双剑合璧:解锁Web设计新纪元,让响应式界面瞬间焕发光彩!
【9月更文挑战第1天】本文通过问答形式深入探讨了Flexbox和Grid布局的特点与应用场景。Flexbox专为单轴布局设计,适用于响应式导航栏和列表;Grid布局则适用于二维布局,可精确控制元素的位置和大小,适合构建复杂的内容区域和仪表板。文章还提供了示例代码,帮助读者更好地理解和应用这两种布局方式,以创建高效、美观的Web界面。
65 9
|
1月前
|
监控 前端开发 数据库连接
Zabbix 5.0 LTS的web界面安装及修改zabbix web管理员的默认密码
这篇文章是关于如何安装Zabbix 5.0 LTS的web界面以及如何修改Zabbix web管理员默认密码的教程。
66 1
|
2月前
|
开发框架 JavaScript 前端开发
Web Component -- 即将爆发的原生的 UI 组件化标准
Web Component -- 即将爆发的原生的 UI 组件化标准
|
2月前
|
前端开发 JavaScript C#
C#开发者的新天地:Blazor如何颠覆传统Web开发,打造下一代交互式UI?
【8月更文挑战第28天】Blazor 是 .NET 生态中的革命性框架,允许使用 C# 和 .NET 构建交互式 Web UI,替代传统 JavaScript。本文通过问答形式深入探讨 Blazor 的基本概念、优势及应用场景,并指导如何开始使用 Blazor。Blazor 支持代码共享、强类型检查和丰富的生态系统,简化 Web 开发流程。通过简单的命令即可创建 Blazor 应用,并利用其组件化和数据绑定特性快速搭建界面。无论对于 .NET 还是 Web 开发者,Blazor 都是一个值得尝试的新选择。
56 1
|
1月前
|
前端开发 JavaScript 开发者
现代前端框架激烈交锋,高效响应式 Web 界面的归属扑朔迷离!
【9月更文挑战第6天】本文通过实际案例,比较了主流前端框架 Vue.js、React 和 Angular 的特点与优势。Vue.js 以简洁的语法和灵活的组件化架构著称,适合小型到中型项目;React 强调性能和可扩展性,适用于大型应用;Angular 凭借全面的功能和严格架构,适合企业级开发。开发者应根据项目需求和技术栈选择合适的框架。
34 0
|
2月前
|
前端开发 开发者 容器
【布局革命!】Flexbox与Grid双剑合璧:解锁Web设计新纪元,让响应式界面瞬间焕发光彩!
【8月更文挑战第12天】面对复杂的网页布局需求,前端开发者需掌握Flexbox与Grid布局技术。Flexbox专为一维布局设计,适用于构建响应式导航栏或列表;Grid则是一种二维布局系统,适合精确控制复杂网格布局。本文通过问答形式深入讲解这两种布局方式的特点、应用场景及使用方法,并提供示例代码,帮助开发者构建高效美观的Web界面。
46 1
|
2月前
|
容器 iOS开发 Linux
震惊!Uno Platform 响应式 UI 构建秘籍大公开!从布局容器到自适应设计,带你轻松打造跨平台完美界面
【8月更文挑战第31天】Uno Platform 是一款强大的跨平台应用开发框架,支持 Web、桌面(Windows、macOS、Linux)及移动(iOS、Android)等平台,仅需单一代码库。本文分享了四个构建响应式用户界面的最佳实践:利用布局容器(如 Grid)适配不同屏幕尺寸;采用自适应布局调整 UI;使用媒体查询定制样式;遵循响应式设计原则确保 UI 元素自适应调整。通过这些方法,开发者可以为用户提供一致且优秀的多设备体验。
47 0
|
2月前
|
前端开发 微服务 API
微服务浪潮下的JSF革新:如何在分散式架构中构建统一而强大的Web界面
【8月更文挑战第31天】随着微服务架构的兴起,企业将应用拆分成小型、独立的服务以提高系统可维护性和可扩展性。本文探讨如何在微服务架构下构建和部署JavaServer Faces (JSF) 应用,通过RESTful服务实现前后端分离,提升灵活性和适应性。
45 0
下一篇
无影云桌面