{
"cells": [
{
"cell_type": "markdown",
"metadata": {},
"source": [
""
]
},
{
"cell_type": "markdown",
"metadata": {},
"source": [
"# Field\n",
"\n",
"\n",
"Field [component](00_components.ipynb) creation in Epyk will be using the property **fields** from the ui property.\n",
"\n",
"the ui entry point will give you access to all the registered components.\n",
"Different flavour of buttons are available in the framework. \n",
"\n",
"## Basic fields"
]
},
{
"cell_type": "code",
"execution_count": 3,
"metadata": {},
"outputs": [
{
"data": {
"text/html": [
"\n",
"\n",
"test Apple Orange
\n",
"\n",
""
],
"text/plain": [
""
]
},
"execution_count": 3,
"metadata": {},
"output_type": "execute_result"
}
],
"source": [
"from epyk.core.Page import Report\n",
"\n",
"rptObj = Report()\n",
"\n",
"a = rptObj.ui.fields.select([\"Apple\", 'Orange'], label=\"test\", helper=\"select fruit\", options={\"align\": 'center'})#\n",
"a.input.attr[\"data-live-search\"] = \"true\"\n",
"a.input.options.container = 'body'\n",
"\n",
"rptObj.outs.jupyter()"
]
},
{
"cell_type": "code",
"execution_count": 5,
"metadata": {},
"outputs": [
{
"data": {
"text/html": [
"\n",
"\n",
"Date
\n",
"\n",
""
],
"text/plain": [
""
]
},
"execution_count": 5,
"metadata": {},
"output_type": "execute_result"
}
],
"source": [
"from epyk.core.Page import Report\n",
"\n",
"rptObj = Report()\n",
"\n",
"rptObj.ui.fields.date('2020-04-08', label=\"Date\").included_dates([\"2020-04-08\", \"2019-09-06\"])\n",
"\n",
"rptObj.outs.jupyter()"
]
},
{
"cell_type": "code",
"execution_count": 8,
"metadata": {},
"outputs": [
{
"data": {
"text/html": [
"\n",
"\n",
"timestamp
\n",
"\n",
""
],
"text/plain": [
""
]
},
"execution_count": 8,
"metadata": {},
"output_type": "execute_result"
}
],
"source": [
"from epyk.core.Page import Report\n",
"\n",
"rptObj = Report()\n",
"\n",
"rptObj.ui.fields.time(label=\"timestamp\", color=\"red\", helper=\"This is the report timestamp\")\n",
"\n",
"rptObj.outs.jupyter()"
]
},
{
"cell_type": "code",
"execution_count": 10,
"metadata": {},
"outputs": [
{
"data": {
"text/html": [
"\n",
"\n",
"Range Example
\n",
"\n",
""
],
"text/plain": [
""
]
},
"execution_count": 10,
"metadata": {},
"output_type": "execute_result"
}
],
"source": [
"from epyk.core.Page import Report\n",
"\n",
"rptObj = Report()\n",
"\n",
"rptObj.ui.fields.input(\"\", label=\"Range Example\", icon=\"fas fa-unlock-alt\")\n",
"\n",
"rptObj.outs.jupyter()"
]
},
{
"cell_type": "code",
"execution_count": 12,
"metadata": {},
"outputs": [
{
"data": {
"text/html": [
"\n",
"\n",
"\n",
"\n",
"\n",
"readonly field
\n",
"\n",
""
],
"text/plain": [
""
]
},
"execution_count": 12,
"metadata": {},
"output_type": "execute_result"
}
],
"source": [
"from epyk.core.Page import Report\n",
"\n",
"rptObj = Report()\n",
"\n",
"rptObj.ui.fields.static(label=\"readonly field\")\n",
"\n",
"rptObj.outs.jupyter()"
]
},
{
"cell_type": "code",
"execution_count": 14,
"metadata": {},
"outputs": [
{
"data": {
"text/html": [
"\n",
"\n",
"\n",
"\n",
"\n",
"test
\n",
"\n",
""
],
"text/plain": [
""
]
},
"execution_count": 14,
"metadata": {},
"output_type": "execute_result"
}
],
"source": [
"from epyk.core.Page import Report\n",
"\n",
"rptObj = Report()\n",
"\n",
"rptObj.ui.fields.integer(label=\"test\")\n",
"\n",
"rptObj.outs.jupyter()"
]
},
{
"cell_type": "code",
"execution_count": 15,
"metadata": {},
"outputs": [
{
"data": {
"text/html": [
"\n",
"\n",
"Range Example 54
\n",
"\n",
""
],
"text/plain": [
""
]
},
"execution_count": 15,
"metadata": {},
"output_type": "execute_result"
}
],
"source": [
"from epyk.core.Page import Report\n",
"\n",
"rptObj = Report()\n",
"\n",
"rptObj.ui.fields.range(54, min=20, label=\"Range Example\", icon=\"fas fa-unlock-alt\")\n",
"\n",
"rptObj.outs.jupyter()"
]
}
],
"metadata": {
"kernelspec": {
"display_name": "Python 3",
"language": "python",
"name": "python3"
},
"language_info": {
"codemirror_mode": {
"name": "ipython",
"version": 3
},
"file_extension": ".py",
"mimetype": "text/x-python",
"name": "python",
"nbconvert_exporter": "python",
"pygments_lexer": "ipython3",
"version": "3.8.2"
}
},
"nbformat": 4,
"nbformat_minor": 4
}
![](\"../../static/images/epyklogo_whole_small.png\")
\n",
" \n",
"