Warning: Reason support is experimental. We are looking for beta-tester and contributors.

Module Ot_popup

module Ot_popup : sig..end

Popup widget


val hcf : 
  ?a:[< Html_types.div_attrib ] Eliom_content.Html.attrib list ->
  ?header:[< Html_types.header_content_fun ] Eliom_content.Html.elt list ->
  ?footer:[< Html_types.footer_content_fun ] Eliom_content.Html.elt list ->
  [< Html_types.div_content ] Eliom_content.Html.elt list ->
  [> `Section ] Eliom_content.Html.elt

Section with header, content and footer. header and footer are empty by default This is just a short Header and footer can be empty (default) and have fix size. Content has scrollbar if too high.

val popup : 
  ?a:[< Html_types.div_attrib ] Eliom_content.Html.attrib list ->
  ?close_button:Html_types.button_content Eliom_content.Html.elt list ->
  ?confirmation_onclose:(unit -> bool Lwt.t) ->
  ?onclose:(unit -> unit Lwt.t) ->
  ?close_on_background_click:bool ->
  ?close_on_escape:bool ->
  ((unit -> unit Lwt.t) ->
   [< Html_types.div_content ] Eliom_content.Html.elt Lwt.t) ->
  [> `Div ] Eliom_content.Html.elt Lwt.t

popup ?a ?close_button ?confirmation_onclose ?onclose gen_content Display a modal popup. Returns the popup container, in case you need it.

Use close_button if you want to add a button to close the popup.

confirmation_on_close is used to ask confirmation to the user when closing the popup with the close button. Only relevant if one of close_button, close_on_background_click, close_on_escape is supplied.

onclose is a hook called just after the popup has been actually closed.

gen_content is a function taking the function closing the popup as parameter, and returning the popup content.

For ios_scroll_pos_fix see Ot_drawer.drawer.

If close_on_background_click (default: false) is true then clicking on the background of the popup closes it.

If close_on_escape (default: true if close_button is supplied) then hitting the escape key will close the popup.

val ask_question : 
  ?a:[< Html_types.div_attrib ] Eliom_content.Html.attrib list ->
  ?a_hcf:[< Html_types.div_attrib ] Eliom_content.Html.attrib list ->
  header:[< Html_types.header_content ] Eliom_content.Html.elt list ->
  buttons:([< Html_types.button_content_fun ] Eliom_content.Html.elt
   list * (unit -> 'a Lwt.t) * string list)
   list ->
  [< Html_types.div_content ] Eliom_content.Html.elt list -> 'a Lwt.t

ask_question ?a ?a_hcf question buttons Prompt a user, wait for its response and return the selected value. question is the content of the popup header buttons is the list of available answers. Each button is a triple of (content, action, classes). action () is called to return the value when the corresponding button is clicked.

val confirm : 
  ?a:[< Html_types.div_attrib ] Eliom_content.Html.attrib list ->
  [< Html_types.header_content_fun ] Eliom_content.Html.elt list ->
  ([< Html_types.button_content_fun ] as 'a) Eliom_content.Html.elt list ->
  'a Eliom_content.Html.elt list -> bool Lwt.t

Shortcut using ask_question for prompting the user with a question and returning a boolean. confirm ?a question yes no a is a traditional optional attributes to add to the popup question is the content of the popup header yes is the content of the 'yes' button (returning true) no is the content of the 'no' button (returning false)