Jquery UI Components

API

class epyk.fwk.jqui.UI.Components(page)

accordion(values=None, html_code=None, width=(100, '%'), height=(None, '%'), profile=None, options=None)

Add an Accordion panel.

Related Pages:

https://jqueryui.com/accordion/

Usage:

acc = page.web.jqui.accordion()
acc.add_section("Test", "content")
acc.header(0).click([
  acc.panel(0).build("New content")
])

Parameters:

values – Dictionary. Optional. Title: content.
html_code – String. Optional. An identifier for this component (on both Python and Javascript side).
width – Tuple | Number. Optional. A tuple with the integer for the component width and its unit.
height – Tuple | Number. Optional. A tuple with the integer for the component height and its unit.
profile – Boolean | Dictionary. Optional. A flag to set the component performance storage.
options – Dictionary. Optional. Specific Python options available for this component.

autocomplete(text='', placeholder='', width=(100, '%'), height=(None, 'px'), html_code=None, options=None, attrs=None, profile=None)

Enables users to quickly find and select from a pre-populated list of values as they type, leveraging searching and filtering.

Usage:

page.ui.inputs.autocomplete("Test")

Underlying HTML Objects:

epyk.core.html.HtmlInput.AutoComplete

Related Pages:

https://jqueryui.com/autocomplete/

Parameters:

text – String. Optional. The value to be displayed to the component.
placeholder – String. Optional. Text visible when the input component is empty.
width – Optional. A tuple with the integer for the component width and its unit
height – Tuple. Optional. A tuple with the integer for the component height and its unit.
html_code – String. Optional. An identifier for this component (on both Python and Javascript side).
options – Dictionary. Optional. Specific Python options available for this component.
attrs – Dictionary. Optional. Specific HTML tags to be added to the component.
profile – Boolean | Dictionary. Optional. A flag to set the component performance storage.

date(text, placeholder='', width=(140, 'px'), height=(None, 'px'), html_code=None, options=None, attrs=None, profile=None)

Add a datepicker.

Usage:

date = page.ui.inputs.d_date()

Underlying HTML Objects:

epyk.core.html.HtmlInput.InputDate

Related Pages:

https://jqueryui.com/datepicker/

Parameters:

text – String. Optional. The value to be displayed to the component.
placeholder – String. Optional. Text visible when the input component is empty.
width – Optional. A tuple with the integer for the component width and its unit
height – Tuple. Optional. A tuple with the integer for the component height and its unit.
html_code – String. Optional. An identifier for this component (on both Python and Javascript side).
options – Dictionary. Optional. Specific Python options available for this component.
attrs – Dictionary. Optional. Specific HTML tags to be added to the component.
profile – Boolean | Dictionary. Optional. A flag to set the component performance storage.

dialogs(text='', width=(100, '%'), height=(20, 'px'), html_code=None, helper=None, options=None, profile=None)

Simple Jquery UI modal with a text.

Tags:
Categories:

Underlying HTML Objects:

epyk.core.html.HtmlEvent.Dialog

Related Pages:

https://jqueryui.com/dialog/

Parameters:

text – String. Optional. The value to be displayed to the component.
width – Tuple. Optional. A tuple with the integer for the component width and its unit.
height – Tuple. Optional. A tuple with the integer for the component height and its unit.
html_code – String. Optional. An identifier for this component (on both Python and Javascript side).
helper – String. Optional. A tooltip helper.
options – Dictionary. Optional. Specific Python options available for this component.
profile – Boolean or Dictionary. Optional. A flag to set the component performance storage.

panel(left=None, right=None, width=(100, '%'), height=(200, 'px'), left_width=(160, 'px'), resizable=True, helper=None, options=None, profile=None)

Add a split panel to the page.

Tags:
Categories:

Usage:

number = page.ui.rich.number(500, "Test", height=(150, 'px'))
number_2 = page.ui.rich.number(500, "Test 2 ", options={"url": "http://www.google.fr"})
div = page.ui.layouts.panelsplit(left=number, right=number_2)

Underlying HTML Objects:

epyk.core.html.HtmlContainer.PanelSlide

Related Pages:

https://codepen.io/rstrahl/pen/eJZQej https://jqueryui.com/resizable/

Parameters:

width – Tuple. Optional. A tuple with the integer for the component width and its unit.
height – Tuple. Optional. A tuple with the integer for the component height and its unit.
left_width –
left –
right –
resizable –
helper – String. Optional. A tooltip helper.
options – Dictionary. Optional. Specific Python options available for this component.
profile – Boolean | Dictionary. Optional. A flag to set the component performance storage.

progress(number=0, total=100, width=(100, '%'), height=(20, 'px'), html_code=None, helper=None, options=None, profile=None)

Add a progress bar component to the page.

Related Pages:

https://jqueryui.com/progressbar/

Parameters:

number – Integer. Optional. The initial value.
total – Integer. Optional. The maximum value.
width – Tuple. Optional. A tuple with the integer for the component width and its unit
height – Tuple. Optional. A tuple with the integer for the component height and its unit
html_code – String. Optional. An identifier for this component (on both Python and Javascript side)
helper – String. Optional. A tooltip helper.
options – Dictionary. Optional. Specific Python options available for this component
profile – Boolean | Dictionary. Optional. A flag to set the component performance storage

progressbar(number=0, total=100, width=(100, '%'), height=(20, 'px'), html_code=None, helper=None, options=None, profile=None)

Add a progress bar component to the page.

Usage:

page.ui.sliders.progressbar(300)

Underlying HTML Objects:

epyk.core.html.HtmlEvent.ProgressBar

Related Pages:

https://jqueryui.com/progressbar/

Parameters:

number – Integer. Optional. The initial value. (by default between 0 and 100)
total – Integer. Optional. The maximum value.
width – Tuple. Optional. A tuple with the integer for the component width and its unit
height – Tuple. Optional. A tuple with the integer for the component height and its unit
html_code – String. Optional. An identifier for this component (on both Python and Javascript side)
helper – String. Optional. A tooltip helper.
options – Dictionary. Optional. Specific Python options available for this component
profile – Boolean | Dictionary. Optional. A flag to set the component performance storage

selections(data, width=(150, 'px'), height=('auto', ''), html_code=None, helper=None, options=None, profile=None)

Menu using Jquery UI external module.

Usage:

page.ui.menus.selections(["Item 1", "Item 2"])

page.ui.menus.selections([
  {'value': "fas fa-exclamation-triangle", 'items': [
    {"value": 'value 1'},
    {"value": 'value 2'},
    {"value": 'value 3'},
  ]},
    "fas fa-exclamation-triangle"])

Underlying HTML Objects:

epyk.core.html.HtmlEvent.Menu

Related Pages:

https://jqueryui.com/menu/

Parameters:

data –
width – Tuple. Optional. A tuple with the integer for the component width and its unit
height – Tuple. Optional. A tuple with the integer for the component height and its unit
html_code – String. Optional. An identifier for this component (on both Python and Javascript side)
helper – String. Optional. A tooltip helper.
options – Dictionary. Optional. Specific Python options available for this component
profile – Boolean | Dictionary. Optional. A flag to set the component performance storage

slider(number=0, minimum=0, maximum=100, width=(100, '%'), height=(None, 'px'), html_code=None, helper=None, options=None, profile=None)

Add a Jquery UI slider object to the page.

Usage:

page.ui.slider(40)
page.ui.slider([1, 2, 3, 4, 5, 6, 7])

Underlying HTML Objects:

epyk.core.html.HtmlEvent.Slider

Related Pages:

https://jqueryui.com/slider/

Parameters:

number – Integer. Optional. The initial value.
minimum – Integer. Optional. The minimum value.
maximum – Integer. Optional. The maximum value.
width – Tuple | Number. Optional. A tuple with the integer for the component width and its unit.
height – Tuple | Number. Optional. A tuple with the integer for the component height and its unit.
html_code – String. Optional. An identifier for this component (on both Python and Javascript side).
helper – String. Optional. The value to be displayed to the helper icon.
options – Dictionary. Optional. Specific Python options available for this component.
profile – Boolean | Dictionary. Optional. A flag to set the component performance storage.

tabs(values=None, html_code=None, width=(100, '%'), height=(None, '%'), profile=None, options=None)

Add tabs panel.

Related Pages:

https://jqueryui.com/tabs/

Usage:

acc = page.web.jqui.tabs()
acc.add_panel("Test", "content")
acc.tab(0).click([
  acc.panel(0).build("New content")
])

Parameters:

values – Dictionary. Optional. Title: content.
html_code – String. Optional. An identifier for this component (on both Python and Javascript side).
width – Tuple | Number. Optional. A tuple with the integer for the component width and its unit.
height – Tuple | Number. Optional. A tuple with the integer for the component height and its unit.
profile – Boolean | Dictionary. Optional. A flag to set the component performance storage.
options – Dictionary. Optional. Specific Python options available for this component.