xadmin 后台 checkbox 样式

个人博客开发之xadmin 布局和后台样式

项目源码下载:http://download.vhosts.cn 一. xadmin 后台配置注册信息 1. 在apps 的blogs 和 users 两个app中添加adminx.py文件 vim apps\users\adminx.py #!/usr/bin/env python # -*- coding:utf-8 -*- __author__ = 'cpy' import xadmin from .models import EmailVerifyRecode, UserProfile

WPF CheckBox样式 ScrollViewer样式 WrapPanel、StackPanel、Grid布局

本节讲述布局,顺带加点样式给大家看看~单纯学布局,肯定是枯燥的~哈哈那如上界面,该如何设计呢? 1.一些布局元素经常用到.Grid StackPanel Canvas WrapPanel等.如上这种布局,在子元素数量未知的情况下,我们应该使用WrapPanel或者StackPanel来布局,子元素会自己换行. 2.然后每一行的元素中,第一个要居左,第二个要居中,第三个要居要.这个应该通过Grid来布局,添加三列,然后对应的元素在每列中设置水平方向. 下面是代码: 1.界面: <Window x

xadmin后台分段导出避免timeout

一.问题 xadmin后台功能很强大,特别在导出的时候格式有xls/xlsx.csv.xml.json.实际常用的还是前面2种.xls格式使用的xlwt,有个缺陷,导出数据过大时,会报ValueError: row index was 65536, not allowed by .xls format ...,使用xlsxwriter导出为xlsx格式,做个分页导出,十几万都不在话下(亲测). 在xadmin/templates/xadmin/blocks/model_list.top_tool

用css改变默认的checkbox样式

自己常用的改变checkbox样式的两个方法: 一.利用background用图片代替checkbox效果缺点:你首先得有一张好看的图片优点:浏览器兼容性好 <!doctype html> <html> <head> <meta charset="utf-8"> <title>chec</title> <style> #wrapper {margin: 20px auto;} #wrapper .i

WPF 自定义CheckBox样式

自定义CheckBox样式,mark一下,方便以后参考复用设计介绍: 1.一般CheckBox模板太难看了,肯定要重写其中的模板 2.模板状态为未选中状态和选中状态,设置为默认未选中就好了. 默认状态,设置边框.透明度等选中的话,我们可以设置√和背景. <Style x:Key="CheckBoxStyle" TargetType="{x:Type CheckBox}"> <Setter Property="SnapsToDevice

CSS控制checkbox样式

原文地址:http://www.xiumu.org/technology/style-checkboxes-with-css.shtml#comments Checkbox复选框是一个可能每一个网站都在使用的HTML元素,但大多数人并不给它们设置样式,所以在绝大多数网站它们看起来是一样的.为什么不把你的网站中的Checkbox设置一个与众不同的样式,甚至可以让它看起来一点也不像复选框. 在本教程中,我们将创建5个不同的选择框,你可以在你的网站上使用它. 查看演示,可以看到我们将要创建的复选框样式

解决了好几天的关于django xadmin后台增加链接并执行函数的问题

由于xadmin后台封装的完整性,想要在后台做一些改动对于新手来说还是有点困难,目前解决的第一个问题: 在admin后台增加链接,使其改变上级签收状态如图点击签收按钮之后,改变其状态代码展示: 1.增加新的一列作为链接 # 显示新的一列为链接 def qianshou(self, content): from django.utils.safestring import mark_safe return mark_safe("<a href='signNotice/%s'>签收

【CSS】自定义checkbox样式

修改原生checkbox样式. 效果原理 1.利用CSS3属性 appearance. 该属性(强制)更改(改变)默认(原生)样式. Firefox 支持替代的 -moz-appearance 属性:Safari 和 Chrome 支持替代的 -webkit-appearance 属性:IE不支持该属性. 所以可以利用该属性取消checkbox的原生样式. 2.利用:checked选择器当checkbox被选中的时候改变样式. 3. :after选择器 + content属性 :after选

第三百九十四节，Django+Xadmin打造上线标准的在线教育平台—Xadmin后台进阶开发配置2，以及目录结构说明

第三百九十四节,Django+Xadmin打造上线标准的在线教育平台—Xadmin后台进阶开发配置2,以及目录结构说明设置后台列表页面可以直接修改字段内容在当前APP里的adminx.py文件里的数据表管理器里设置 list_editable = ['可以修改的字段','可以修改的字段'] class UsersAdmin(object): # 自定义用户信息数据表管理器类 # 设置xadmin后台显示字段 list_display = ['username', 'password', 'n

第三百九十三节，Django+Xadmin打造上线标准的在线教育平台—Xadmin后台进阶开发配置

第三百九十三节,Django+Xadmin打造上线标准的在线教育平台—Xadmin后台进阶开发配置设置后台某个字段的排序规则在当前APP里的adminx.py文件里的数据表管理器里设置 ordering = ['-要排序的字段名称']-为倒序排序 #!/usr/bin/env python # -*- coding:utf8 -*- import xadmin from xadmin import views # 导入xadmin的views from .models import User

xadmin后台导出时gunicorn报错ascii

django + xadmin + nginx + gunicorn部署后,xadmin后台导出model数据报错,gunicorn日志记录为:UnicodeEncodeError: 'ascii' codec can't encode characters in position 223-240: ordinal not in range(128). 深刻体会到本地环境,代码一切ok,并不代表测试环境ok,测试环境ok,并不代表预发环境ok,预发环境ok,生产环境可能会ok!每一个环境最好不要

自定义xadmin后台首页

登陆xadmin后台,首页默认是空白,可以自己添加小组件,xadmin一切都是那么美好,但是添加小组件遇到了个大坑,快整了2个礼拜,最终实现想要的界面.初始的页面如图: 本机后台显示这个页面正常,docker中添加小组件点下一步按钮一点就崩,如上图,日志文件没有error信息.第一步排错是不是依赖或者文件缺失,建个干净沙盒从版本库把代码拉下,安装requirements,运行没问题.第二步排错,docker实例中pip list跟本机一一对应,包括版本号.百思不得其解. 忍受不了,首页空荡荡的,

定制 input[type="radio"] 和 input[type="checkbox"] 样式

表单中,经常会使用到单选按钮和复选框,但是,input[type="radio"] 和 input[type="checkbox"] 的默认样式在不同的浏览器或者手机上,显示的效果总是不统一,而且难以修改器样式. input[type="radio"] 样式定制代码: <form> <p> <input type="radio" name="gender" id="

第三百八十节，Django+Xadmin打造上线标准的在线教育平台—将所有app下的models数据库表注册到xadmin后台管理

第三百八十节,Django+Xadmin打造上线标准的在线教育平台—将所有app下的models数据库表注册到xadmin后台管理将一个app下的models数据库表注册到xadmin后台管理重点:xadmin的数据表注册,是到app下查找的adminx文件,所以我们必须在app下创建一个adminx.py文件,所有关于数据表注册到xadmin后台的代码都是写在adminx.py文件里 adminx.py文件编写 1.自定义一个类来继承object对象,这个类叫做数据表管理器数据表管理器里

5.3 将users表添加到xadmin后台

在users模块中添加adminx.py文件,是xadmin后台管理默认的文件名,内容是: from .models import EmailVerifyRecord, Banner import xadmin class EmailVerifyRecordAdmin(object): list_display = ('name', 'email', 'send_type', 'add_time') search_fields = ('name', 'email', 'send_type') l

安装xadmin后台管理插件

django自带的admin后台管理功能太少.使用国人开发的xadmin后台,使用pip install xadmin安装在线包时,会出错,其中的README.rst是utf8格式,我们win7系统默认是gbk格式,导致安装失败.这个时候需要下载适合django2的xadmin安装包文件.下载地址不是xadmin的默认主分支,而是django2分支: https://github.com/sshwsfc/xadmin/tree/django2 我已经下载,并替换了其中的README.rst文件,

[转]Android中自定义checkbox样式

android中自定义checkbox的图片和大小其实很简单,分三步: 1.在drawable中创建文件checkbox_selector.xml: <?xml version="1.0" encoding="utf-8"?> <selector xmlns:android="http://schemas.android.com/apk/res/android"> <item android:state_che

使用CSS实现自定义input[checkbox]样式

思路:使用label上的for熟悉,与checkbox上的id相对应来达到点击选中效果,在使用伪元素,或者其他元素,定位至checkbox上方,替代checkbox,并且隐藏checkbox,使用CSS3选择器:checked + 毗邻选择器,选中后给伪元素,或者其他元素添加选中样式: 兼容: :after 兼容IE8+ : checked 兼容IE9+ 综上述:自定义样式兼容IE9+ 可使用IE8hack的方式,让IE8-使用原来的checkbox样式

自定义radio/checkbox样式

<!doctype html> <html> <head> <meta charset="utf-8"> <title>自定义radio/checkbox样式</title> <style> *{ padding: 0; margin: 0; } input[type=checkbox]{ display: none; } /*未选中样式*/ .checkbox{ color: green; } /*选

bootstrap table 自定义checkbox样式

//css <style> .checkbox-custom { position: relative; padding: 0 15px 0 25px; margin-bottom: 7px; margin-top:; display: inline-block; } /* 将初始的checkbox的样式改变 */ .checkbox-custom input[type="checkbox"] { opacity:;/*将初始的checkbox隐藏起来*/ position

Xadmin后台管理系统搭建基于Django1.11.11+Python3.6

安装python及Django百度即可主要介绍Xadmin安装访问地址:https://github.com/sshwsfc/xadmin 下载安装好之后,将xamdin目录复制到项目我放在了extra_apps下,同时extra_apps目录点击右键-Mark Directory as --Sources Root 现在配置settings配置文件同时替换admin路由配置此时启动项目时应该报错.需要配置Xadmin依赖包,下面是依赖包信息: pip install 下面的 dj

巴特西