How to create tabs in dynaform

Share ideas, ask questions, and get feedback about developing for ProcessMaker
Forum rules: Please post new questions under "Developing processes & programming" for ProcessMaker 2 or 3.
 Reply

How to create tabs in dynaform

By Bosatzu
-  Mon Aug 22, 2016 12:44 pm #786371
Hello!

I'm working on ProcessMaker 2.8 and I need to handdle tabs inside my dynaforms, can you help me with this?

The xml that I'm working with is:
Code: Select all
<dynaForm name="67820499156b3c88b90f790066162440/57960843156c1f18c505dc7039840286" enabletemplate="0" type="xmlform" width="900" mode="" nextstepsave="prompt" printdynaform="" adjustgridswidth="1">
  <TIT_PRINCIPAL type="title" required="0" readonly="0" optgroup="0">
    <es><![CDATA[HISTORIA MÉDICA]]></es>
  </TIT_PRINCIPAL>
  <DATE_FECHA type="date" relativedate="1" mask="%Y-%m-%d" editable="0" required="0" readonly="0" defaultvalue_sel="today" defaultvalue="today" size="15" mode="view" optgroup="0">
    <es>Fecha de Atención</es>
  </DATE_FECHA>
  <SUB_PACIENTE type="subtitle" required="0" readonly="0" optgroup="0">
    <es><![CDATA[INFORMACIÓN DEL PACIENTE]]></es>
  </SUB_PACIENTE>
  <TXT_NO_HISTORIA type="text" maxlength="64" validate="Any" required="0" readonly="0" size="15" mode="edit" optgroup="0">
    <es><![CDATA[Número de Documento]]></es>
  </TXT_NO_HISTORIA>
  <TXT_NOMBRE type="text" maxlength="64" validate="Any" required="0" readonly="0" size="15" mode="edit" optgroup="0">
    <es>Nombre Completo</es>
  </TXT_NOMBRE>
  <TXT_EDAD type="text" maxlength="64" validate="Any" required="0" readonly="0" size="15" mode="edit" optgroup="0">
    <es>Edad</es>
  </TXT_EDAD>
  <TXT_SEXO type="text" maxlength="64" validate="Any" required="0" readonly="0" size="15" mode="edit" optgroup="0">
    <es>Sexo</es>
  </TXT_SEXO>
  <TXT_EMPRESA type="text" maxlength="64" validate="Any" required="0" readonly="0" size="15" mode="edit" optgroup="0">
    <es>Empresa</es>
  </TXT_EMPRESA>
  <TXT_DIRECCION type="text" maxlength="64" validate="Any" required="0" readonly="0" size="15" mode="edit" optgroup="0">
    <es>Dirección</es>
  </TXT_DIRECCION>
  <TXT_TELEFONO type="text" maxlength="64" validate="Any" required="0" readonly="0" size="15" mode="edit" optgroup="0">
    <es>Teléfono Fijo</es>
  </TXT_TELEFONO>
  <TXT_CELULAR type="text" maxlength="64" validate="Any" required="0" readonly="0" size="15" mode="edit" optgroup="0">
    <es>Teléfono Celular</es>
  </TXT_CELULAR>
  <TXT_EMAIL type="text" maxlength="64" validate="Any" required="0" readonly="0" size="15" mode="edit" optgroup="0">
    <es>E-mail</es>
  </TXT_EMAIL>
  <TXT_OCUPACION type="text" maxlength="64" validate="Any" required="0" readonly="0" size="15" mode="edit" optgroup="0">
    <es>Ocupación</es>
  </TXT_OCUPACION>
  <SUB_ANT_PERSONALES type="subtitle" required="0" readonly="0" optgroup="0">
    <es>ANTECEDENTES PERSONALES</es>
  </SUB_ANT_PERSONALES>
  <YN_PAT type="yesno" readonly="0" mode="edit" required="0" optgroup="0">
    <es>Patológicos</es>
  </YN_PAT>
  <TXT_OBS_PAT type="text" maxlength="64" validate="Any" required="0" readonly="0" size="15" mode="edit" optgroup="0">
    <es/>
  </TXT_OBS_PAT>
  <YN_QUI type="yesno" readonly="0" mode="edit" required="0" optgroup="0">
    <es>Quirúrgicos </es>
  </YN_QUI>
  <TXT_OBS_QUI type="text" maxlength="64" validate="Any" required="0" readonly="0" size="15" mode="edit" optgroup="0">
    <es/>
  </TXT_OBS_QUI>
  <YN_ALE type="yesno" readonly="0" mode="edit" required="0" optgroup="0">
    <es>Alérgicos </es>
  </YN_ALE>
  <TXT_OBS_ALE type="text" maxlength="64" validate="Any" required="0" readonly="0" size="15" mode="edit" optgroup="0">
    <es/>
  </TXT_OBS_ALE>
  <YN_HOS type="yesno" readonly="0" mode="edit" required="0" optgroup="0">
    <es>Hospitalizaciones </es>
  </YN_HOS>
  <TXT_OBS_HOS type="text" maxlength="64" validate="Any" required="0" readonly="0" size="15" mode="edit" optgroup="0">
    <es/>
  </TXT_OBS_HOS>
  <YN_FAR type="yesno" readonly="0" mode="edit" required="0" optgroup="0">
    <es>Farmacológicos </es>
  </YN_FAR>
  <TXT_OBS_FAR type="text" maxlength="64" validate="Any" required="0" readonly="0" size="15" mode="edit" optgroup="0">
    <es/>
  </TXT_OBS_FAR>
  <YN_PER type="yesno" readonly="0" mode="edit" required="0" optgroup="0">
    <es>Perinatales </es>
  </YN_PER>
  <TXT_OBS_PER type="text" maxlength="64" validate="Any" required="0" readonly="0" size="15" mode="edit" optgroup="0">
    <es/>
  </TXT_OBS_PER>
  <YN_TRA type="yesno" readonly="0" mode="edit" required="0" optgroup="0">
    <es>Traumaticos</es>
  </YN_TRA>
  <TXT_OBS_TRA type="text" maxlength="64" validate="Any" required="0" readonly="0" size="15" mode="edit" optgroup="0">
    <es/>
  </TXT_OBS_TRA>
  <TXT_MENARCA type="text" maxlength="64" validate="Any" required="0" readonly="0" size="15" mode="edit" optgroup="0">
    <es>G.G.O. Menarca</es>
  </TXT_MENARCA>
  <DATE_FUM type="date" relativedate="1" mask="%Y-%m-%d" editable="0" required="0" readonly="0" defaultvalue_sel="empty" size="15" mode="edit" optgroup="0">
    <es>F.U.M.</es>
  </DATE_FUM>
  <TXT_CICLOS type="text" maxlength="64" validate="Any" required="0" readonly="0" size="15" mode="edit" optgroup="0">
    <es>Ciclos</es>
  </TXT_CICLOS>
  <TXT_G type="text" maxlength="64" validate="Any" required="0" readonly="0" size="15" mode="edit" optgroup="0">
    <es>G.</es>
  </TXT_G>
  <TXT_P type="text" maxlength="64" validate="Any" required="0" readonly="0" size="15" mode="edit" optgroup="0">
    <es>P.</es>
  </TXT_P>
  <TXT_A type="text" maxlength="64" validate="Any" required="0" readonly="0" size="15" mode="edit" optgroup="0">
    <es>A.</es>
  </TXT_A>
  <TXT_C type="text" maxlength="64" validate="Any" required="0" readonly="0" size="15" mode="edit" optgroup="0">
    <es>C.</es>
  </TXT_C>
  <TXT_M type="text" maxlength="64" validate="Any" required="0" readonly="0" size="15" mode="edit" optgroup="0">
    <es>M.</es>
  </TXT_M>
  <TXT_V type="text" maxlength="64" validate="Any" required="0" readonly="0" size="15" mode="edit" optgroup="0">
    <es>V.</es>
  </TXT_V>
  <YN_PLAN type="yesno" readonly="0" mode="edit" required="0" optgroup="0">
    <es>Planificación</es>
  </YN_PLAN>
  <DATE_ULT_CIT type="date" relativedate="1" mask="%Y-%m-%d" editable="0" required="0" readonly="0" defaultvalue_sel="empty" size="15" mode="edit" optgroup="0">
    <es>Última Citología </es>
  </DATE_ULT_CIT>
  <TXT_CLIM type="text" maxlength="64" validate="Any" required="0" readonly="0" size="15" mode="edit" optgroup="0">
    <es>Climaterio</es>
  </TXT_CLIM>
  <TXT_EXA_MAMA type="text" maxlength="64" validate="Any" required="0" readonly="0" size="15" mode="edit" optgroup="0">
    <es>Autoexámen de mama</es>
  </TXT_EXA_MAMA>
  <TXT_ANT_PER_OTROS type="textarea" required="0" readonly="0" rows="2" cols="32" mode="edit" optgroup="0">
    <es>Otros</es>
  </TXT_ANT_PER_OTROS>
  <SUB_FAC_RIESGO type="subtitle" required="0" readonly="0" optgroup="0">
    <es>FACTORES DE RIESGO </es>
  </SUB_FAC_RIESGO>
  <YN_TAB type="yesno" readonly="0" mode="edit" required="0" optgroup="0">
    <es>Tabaquismo</es>
  </YN_TAB>
  <TXT_OBS_TAB type="text" maxlength="64" validate="Any" required="0" readonly="0" size="15" mode="edit" optgroup="0">
    <es/>
  </TXT_OBS_TAB>
  <YN_ALC type="yesno" readonly="0" mode="edit" required="0" optgroup="0">
    <es>Alcoholismo </es>
  </YN_ALC>
  <TXT_OBS_ALC type="text" maxlength="64" validate="Any" required="0" readonly="0" size="15" mode="edit" optgroup="0">
    <es/>
  </TXT_OBS_ALC>
  <YN_DRO type="yesno" readonly="0" mode="edit" required="0" optgroup="0">
    <es>Drogadicción </es>
  </YN_DRO>
  <TXT_OBS_DRO type="text" maxlength="64" validate="Any" required="0" readonly="0" size="15" mode="edit" optgroup="0">
    <es/>
  </TXT_OBS_DRO>
  <YN_DES type="yesno" readonly="0" mode="edit" required="0" optgroup="0">
    <es>Desnutrición</es>
  </YN_DES>
  <TXT_OBS_DES type="text" maxlength="64" validate="Any" required="0" readonly="0" size="15" mode="edit" optgroup="0">
    <es/>
  </TXT_OBS_DES>
  <YN_SOB type="yesno" readonly="0" mode="edit" required="0" optgroup="0">
    <es>Sobrepeso</es>
  </YN_SOB>
  <TXT_OBS_SOB type="text" maxlength="64" validate="Any" required="0" readonly="0" size="15" mode="edit" optgroup="0">
    <es/>
  </TXT_OBS_SOB>
  <YN_OBE type="yesno" readonly="0" mode="edit" required="0" optgroup="0">
    <es>Obesidad </es>
  </YN_OBE>
  <TXT_OBS_OBE type="text" maxlength="64" validate="Any" required="0" readonly="0" size="15" mode="edit" optgroup="0">
    <es/>
  </TXT_OBS_OBE>
  <YN_RES type="yesno" readonly="0" mode="edit" required="0" optgroup="0">
    <es>Síntomas Respiratorios</es>
  </YN_RES>
  <TXT_OBS_RES type="text" maxlength="64" validate="Any" required="0" readonly="0" size="15" mode="edit" optgroup="0">
    <es/>
  </TXT_OBS_RES>
  <YN_PIEL type="yesno" readonly="0" mode="edit" required="0" optgroup="0">
    <es>Síntomas de Piel</es>
  </YN_PIEL>
  <TXT_OBS_PIEL type="text" maxlength="64" validate="Any" required="0" readonly="0" size="15" mode="edit" optgroup="0">
    <es/>
  </TXT_OBS_PIEL>
  <TXT_FAC_RIES_OTROS type="textarea" required="0" readonly="0" rows="2" cols="32" mode="edit" optgroup="0">
    <es>Otros</es>
  </TXT_FAC_RIES_OTROS>
  <SUB_ANT_FAM type="subtitle" required="0" readonly="0" optgroup="0">
    <es>ANTECEDENTES FAMILIARES </es>
  </SUB_ANT_FAM>
  <TXT_ANT_FAM type="textarea" required="0" readonly="0" rows="4" cols="50" mode="edit" optgroup="0">
    <es>Describa los antecedentes familiares</es>
  </TXT_ANT_FAM>
</dynaForm>
There is a lot of fields to show them in just one single tab.
User avatar

Re: How to create tabs in dynaform

By ashkufaraz
-  Mon Aug 22, 2016 2:46 pm #786375
Read this for add new tab with special url
Code: Select all
function ShowtabFrame(url,id,title){
	var TabPanel = parent.Ext.getCmp('caseTabPanel');
		TabPanel.add({
			id: id,
			title: title,
			defaultSrc: url,
			loadMask: {
				msg: _('ID_LOADING_GRID') + '...'
			},
			autoWidth: true,
			closable: true,
			autoScroll: true,
			bodyStyle: {
				height: (parent.PMExt.getBrowser().screen.height - 60) + 'px',
				overflow: 'auto'
			}
		}).show();
		TabPanel.doLayout();
}
read this for tab in ext js
http://www.objis.com/formationextjs/lib ... Panel.html
 Reply
 Return to “Development Discussion (archived)”
Powerful 1XBet Clone Script: Start Your Betting Platform in No Time

A 1xbet clone script is a pre-designed software so[…]

READ MORE
Effortless Online Betting Business: Start with a Ready-Made 4Rabet Clone Script

4rabet clone script is enabling entrepreneurs to e[…]

READ MORE
Streamline Your Crypto Casino Launch: Parimatch clone script a Customizable Solutions for Entreprene

Parimatch clone script is enabling entrepreneurs t[…]

READ MORE
Top Features of Cryptocurrency Wallet in 2024.

In the world of cryptocurrency, a wallet is an app[…]

READ MORE
VIEW MORE TOPICS