Class HTML_Panel

constructor

• new HTML_Panel(): HTML_Panel

  Returns HTML_Panel

StaticinvalidElements

StaticmapHeaderAfterElements

StaticvalidatorRegistered

StaticdeterminePage

• determinePage(element: HTMLElement): HTMLElement

  Recupera il primo ".CXPage"-HTMLElement sopra l'"elemento" specificato.

  Parameters

  • element: HTMLElement

    The HTMLElement to start the search from.

  Returns HTMLElement

  Il file ".CXPage"-HTMLElement contenente l'"elemento" specificato.

Staticfunctionality

• functionality(toLoad: { [key: string]: unknown }, toProcess: Element): undefined

  Questa funzionalità trasforma il tag HTMLDivElement in un pannello. L'intestazione del pannello, utilizzata per piegare/aprire il pannello, è un HTMLElement taggato con la classe CSS "CodBi_HTML_Panel_Header" che è nidificato al massimo due livelli all'interno del tag HTMLElement. Pertanto, utilizzando un * XIMA-Text-Element come intestazione fornirà l'editor di testo/HTML XIMA per creare il contenuto dell'intestazione.

  Parametro di configurazione:

  • Piegato: indica se questo pannello è piegato (TRUE) o aperto (tutto il resto) e quando è caricato (il valore predefinito è TRUE).
  • CSSHeaderHover: CSS:hover dell'intestazione opzionale (il valore predefinito è { scale : 1.1 ;}).
  • CSSHeaderActive: CSS:active dell'intestazione opzionale (il valore predefinito è { scale : .9 ;}).
  • CSSHeaderUnfolded: il CSS opzionale da applicare all'intestazione quando il pannello è aperto.
  • DCSSHeaderUnfolded: il CSS Darkmode opzionale da applicare all'intestazione quando il pannello è aperto.
  • CSSAnimFadeINPanel: l'animazione opzionale da applicare al pannello ogni volta che viene aperto il pannello è spiegato.
  • CSSAnimFadeINPanelDuration: la durata dell'animazione opzionale che viene applicata al pannello ogni volta il pannello è aperto (il valore predefinito è 0s).
  • CSSAnimFadeINPanelEasing: la funzione di andamento dell'animazione opzionale applicata al pannello ogni volta che il pannello viene aperto (l'impostazione predefinita è "facilità di entrata-uscita").
  • CSSAfterHeader: Il CSS:after da applicare sull'intestazione quando il pannello viene ripiegato.
  • CSSBeforeHeader: Il CSS:before da applicare sull'intestazione quando il pannello è piegato (verrà sovrascritto quando i campi obbligatori saranno contenuti nel pannello).
  • CSSAfterHeaderContent: il contenuto CSS:after da applicare all'intestazione quando il pannello viene ripiegato.
  • CSSBeforeHeaderContent: il contenuto CSS:before da applicare all'intestazione quando il pannello viene piegato. (verrà sovrascritto quando i campi obbligatori saranno contenuti nel pannello).
  • CSSAfterHeaderContentUnfolded: il contenuto CSS:after da applicare all'intestazione quando il pannello viene aperto.
  • CSSBeforeHeaderContentUnfolded: il contenuto CSS:after da applicare all'intestazione quando il pannello viene aperto. (verrà sovrascritto quando i campi obbligatori saranno contenuti nel pannello).
  • CSSRequiredFieldsContent: il contenuto CSS:before da applicare all'intestazione se contiene una convalida campo sensibile.
  • CSSRequiredFields: il CSS:before da applicare all'intestazione se contiene una convalida campo sensibile.
  • AutoHeaderTitle: verrà visualizzato stringl'intestazione generata automaticamente.
  • AutoHeaderTitleSupplementsSpacer Il string che separa il titolo effettivo da tutti i string che sono integrati perché sono HTMLInputElement.values di HTMLInputElements contrassegnati con il Classe CSS CodBi_HTML_Panel_AutoHeaderTitle_Supplement senza XFieldSets o XContainer nel mezzo.
  • AutoHeaderLevel: quale livello di inclusione deve avere "AutoHeaderTitle", per esempio. per ottenere un allegato <h1> il valore deve essere 1.
  • ScrollBlock: definisce la posizione logica verso cui scorrere il pannello è spiegato (inizio, centro, fine, più vicino). Il valore predefinito è "più vicino".
  • GenerateHeader: indica se un'intestazione deve essere generata automaticamente. Il valore predefinito è FALSE.
  • Scorri Indica se la vista deve essere fatta scorrere quando il pannello si apre. L'impostazione predefinita è FALSO.
  • Fisarmonica Se impostato, questo pannello diventa parte di una fisarmonica. Tutti i pannelli condividono lo stesso il nome della fisarmonica verrà piegato quando uno di essi verrà aperto.

  Parameters

  • toLoad: { [key: string]: unknown }

    Provided by CodBi.checkAttributes / CodBi.loadConfig.

  • toProcess: Element

    Provided by CodBi.checkAttributes / CodBi.loadConfig.

  Returns undefined

  Throws

  A CodBiError if the tagged Element does not contain un figlio della classe CSS "CodBi_HTML_Panel_Header".

StaticunfoldPanelAncestors

• unfoldPanelAncestors(from: HTMLElement): void

  Apre tutti i pannelli HTML che sono antenati del Element specificato simulando un clic sul loro intestazione se sono piegati.

  Parameters

  • from: HTMLElement

    The Element to start the unfolding from.

  Returns void