Tabs in ProcessMaker Dynaform

Questions and discussion about using ProcessMaker 2: user interface, running cases and functionality
Forum rules: Please search to see if a question has already been asked before posting. Please don't ask the same question in multiple forums.
 Reply

Tabs in ProcessMaker Dynaform

By Bosatzu
-  Mon Feb 15, 2016 6:16 pm #784779
Hi there!

I'm using ProcessMaker 2.8 and i try to make a madical history dynaform like this:
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>
As you can see, there are a lot of fields inside the dynaform and there are a lot that miss yet.

So i tried to use JS to create tabs and make the dynaform more easy to navigate, unfortunatly i didn't make it.

I would like to get help from you, thx a lot

Re: Tabs in ProcessMaker Dynaform

By AlanBueno
-  Tue Apr 03, 2018 3:40 pm #813902
You can create various dynaforms and assign them as multiple steps in your tasks, each one holding a few of your fields, that way when the user starts the task they will have to complete the forms one after another and only when they finish them all the process will be routed to the next task.

You can find more information about it here: http://wiki.processmaker.com/index.php/2.0/Cases#Steps
 Reply
 Return to “Using ProcessMaker 2”
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