Not working on mobile

Viewing 9 replies - 1 through 9 (of 9 total)
  • Plugin Author Jules Colle

    (@jules-colle)

    8 years, 10 months ago

    could you let me know what values I need to enter where before something should hide/show?

    Thread Starter azgtoth

    (@azgtoth)

    8 years, 10 months ago

    Hi,

    By default the option:

    “Deseja enviar sua última conta? Sim, gostaria” is checked and if you ckeck the “Não, prefiro fornecer os dados” option, it’s show the input text field Média de consumo mensal em kWh*.

    But, when I use my mobile, not works!

    Note: If you use the desktop with google chrome and select the inspect option, works fine! 🙁

    Thanks for the quick answer

    Plugin Author Jules Colle

    (@jules-colle)

    8 years, 10 months ago

    it’s not working in chrome for me either. Could you please paste your form code and conditions here. make sure to put code between backticks so it looks like this

    Thanks

    Thread Starter azgtoth

    (@azgtoth)

    8 years, 10 months ago

    Hi,

    My code follows below. I’m using Visual Composer.

    [vc_row][vc_column][vc_row_inner el_id=”campo-cep”][vc_column_inner width=”1/3″][vc_column_text]<label>CEP<span style=”color: #f07c22;”>*</span> – Não sabe? Clique aqui<input name=”cep” type=”text” id=”cep” class=”cep” value=”” size=”10″ maxlength=”9″ onBlur=”pesquisacep(this.value);” /></label>[/vc_column_text][vc_column_text]<label>Bairro<input id=”bairro” name=”bairro” readonly=”readonly” size=”40″ type=”text” /></label>[/vc_column_text][/vc_column_inner][vc_column_inner width=”1/3″][vc_column_text]<label>Rua <input id=”rua” name=”rua” readonly=”readonly” size=”60″ type=”text” /></label>[/vc_column_text][vc_column_text]<label>Cidade<input id=”cidade” name=”cidade” readonly=”readonly” size=”40″ type=”text” /></label>[/vc_column_text][/vc_column_inner][vc_column_inner width=”1/3″][vc_column_text]<label>Número e/ou complemento<span style=”color: #f07c22;”>*</span> [text* numero placeholder “Digite seu número e/ou complemento”] </label>[/vc_column_text][vc_column_text]<label>Estado<input id=”uf” name=”uf” readonly=”readonly” size=”2″ type=”text” /></label>[/vc_column_text][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row][vc_column][vc_column_text]<label>Nome<span style=”color: #f07c22;”>*</span> [text* nome placeholder “Digite seu nome”] </label>[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column width=”1/2″][vc_column_text]<label>Telefone [tel telefone id:telefone class:tel placeholder “Digite seu telefone” ] </label>[/vc_column_text][/vc_column][vc_column width=”1/2″][vc_column_text]<label> Email<span style=”color: #f07c22;”>*</span> [email* email placeholder “ex: seuemail@dominio.com.br”] </label>[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][vc_column_text]<label>Deseja enviar sua última conta? [radio conta label_first default:1 “Sim, gostaria” “Não, prefiro fornecer os dados”]</label>[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][vc_column_text][group conta-de-luz]<label><span style=”color: #f07c22;”>Anexar conta de luz</span> [file* documento class:submit limit:10mb filetypes:pdf|jpg|jpeg|png|bmp]</label>[/group][/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][vc_column_text][group custo-mensal-kwh]<label>Média de consumo mensal em kWh<span style=”color: #f07c22;”>*</span> [number* consumo-kWh min:10 max:9999 placeholder “Digite seu consumo em kWh” ] </label>[/group][/vc_column_text][vc_column_text][group custo-mensal-rs]<label>Custo de sua última conta em R$<span style=”color: #f07c22;”>*</span> [number* consumo-rs min:10 max:9999 placeholder “Digite seu custo mensal R$” ] </label>[/group][/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][vc_column_text][submit “Enviar”][/vc_column_text][/vc_column][/vc_row]

    If do you prefer, follow below the clean code without the Visual Composer tags:

    <label>CEP<span style=”color: #f07c22;”>*</span> – Não sabe? Clique aqui<input name=”cep” type=”text” id=”cep” class=”cep” value=”” size=”10″ maxlength=”9″ onBlur=”pesquisacep(this.value);” /></label>

    <label>Bairro<input id=”bairro” name=”bairro” readonly=”readonly” size=”40″ type=”text” /></label>

    <label>Rua <input id=”rua” name=”rua” readonly=”readonly” size=”60″ type=”text” /></label>

    <label>Cidade<input id=”cidade” name=”cidade” readonly=”readonly” size=”40″ type=”text” /></label>

    <label>Número e/ou complemento<span style=”color: #f07c22;”>*</span> [text* numero placeholder “Digite seu número e/ou complemento”] </label>

    <label>Estado<input id=”uf” name=”uf” readonly=”readonly” size=”2″ type=”text” /></label>

    <label>Nome<span style=”color: #f07c22;”>*</span> [text* nome placeholder “Digite seu nome”] </label>

    <label>Telefone [tel telefone id:telefone class:tel placeholder “Digite seu telefone” ] </label>

    <label> Email<span style=”color: #f07c22;”>*</span> [email* email placeholder “ex: seuemail@dominio.com.br”] </label>

    <label>Deseja enviar sua última conta? [radio conta label_first default:1 “Sim, gostaria” “Não, prefiro fornecer os dados”]</label>

    [group conta-de-luz]<label><span style=”color: #f07c22;”>Anexar conta de luz</span> [file* documento class:submit limit:10mb filetypes:pdf|jpg|jpeg|png|bmp]</label>[/group]

    [group custo-mensal-kwh]<label>Média de consumo mensal em kWh<span style=”color: #f07c22;”>*</span> [number* consumo-kWh min:10 max:9999 placeholder “Digite seu consumo em kWh” ] </label>[/group]

    [group custo-mensal-rs]<label>Custo de sua última conta em R$<span style=”color: #f07c22;”>*</span> [number* consumo-rs min:10 max:9999 placeholder “Digite seu custo mensal R$” ] </label>[/group]

    [submit “Enviar”]

    My Conditional fields

    if consumo-kwh not equals “empty” then show custo-mensal-rs

    if conta equals “Não, prefiro fornecer os dados then show custo-mensal-kwh

    if conta equals “Sim, gostaria” then show custo-de-luz

    Best regards and thanks a lot.

    Plugin Author Jules Colle

    (@jules-colle)

    8 years, 10 months ago

    ehm.. that’s even worse. could you please paste it using the code button?
    Put it between backticks `

    thanks

    Plugin Author Jules Colle

    (@jules-colle)

    8 years, 10 months ago

    a block of code should look like this:

    hello
i am some code
see how quotes like " and ' don't change
as long as you put everything between backticks
    Thread Starter azgtoth

    (@azgtoth)

    8 years, 10 months ago

    Hi, sorry 🙁

    My code with Visual Composer:
    [vc_row][vc_column][vc_row_inner el_id="campo-cep"][vc_column_inner width="1/3"][vc_column_text]<label>CEP<span style="color: #f07c22;">*</span> - Não sabe? Clique <a style="color: #f07c22;" href="http://www.buscacep.correios.com.br/sistemas/buscacep/" target="_blank">aqui</a><input name="cep" type="text" id="cep" class="cep" value="" size="10" maxlength="9" onBlur="pesquisacep(this.value);" /></label>[/vc_column_text][vc_column_text]<label>Bairro<input id="bairro" name="bairro" readonly="readonly" size="40" type="text" /></label>[/vc_column_text][/vc_column_inner][vc_column_inner width="1/3"][vc_column_text]<label>Rua <input id="rua" name="rua" readonly="readonly" size="60" type="text" /></label>[/vc_column_text][vc_column_text]<label>Cidade<input id="cidade" name="cidade" readonly="readonly" size="40" type="text" /></label>[/vc_column_text][/vc_column_inner][vc_column_inner width="1/3"][vc_column_text]<label>Número e/ou complemento<span style="color: #f07c22;">*</span> [text* numero placeholder "Digite seu número e/ou complemento"] </label>[/vc_column_text][vc_column_text]<label>Estado<input id="uf" name="uf" readonly="readonly" size="2" type="text" /></label>[/vc_column_text][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row][vc_column][vc_column_text]<label>Nome<span style="color: #f07c22;">*</span> [text* nome placeholder "Digite seu nome"] </label>[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column width="1/2"][vc_column_text]<label>Telefone [tel telefone id:telefone class:tel placeholder "Digite seu telefone" ] </label>[/vc_column_text][/vc_column][vc_column width="1/2"][vc_column_text]<label> Email<span style="color: #f07c22;">*</span> [email* email placeholder "ex: seuemail@dominio.com.br"] </label>[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][vc_column_text]<label>Deseja enviar sua última conta? [radio conta label_first default:1 "Sim, gostaria" "Não, prefiro fornecer os dados"]</label>[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][vc_column_text][group conta-de-luz]<label><span style="color: #f07c22;">Anexar conta de luz</span> [file* documento class:submit limit:10mb filetypes:pdf|jpg|jpeg|png|bmp]</label>[/group][/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][vc_column_text][group custo-mensal-kwh]<label>Média de consumo mensal em kWh<span style="color: #f07c22;">*</span> [number* consumo-kWh min:10 max:9999 placeholder "Digite seu consumo em kWh" ] </label>[/group][/vc_column_text][vc_column_text][group custo-mensal-rs]<label>Custo de sua última conta em R$<span style="color: #f07c22;">*</span> [number* consumo-rs min:10 max:9999 placeholder "Digite seu custo mensal R$" ] </label>[/group][/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][vc_column_text][submit "Enviar"][/vc_column_text][/vc_column][/vc_row]

    My code no VC:

    <label>CEP<span style="color: #f07c22;">*</span> - Não sabe? Clique <a style="color: #f07c22;" href="http://www.buscacep.correios.com.br/sistemas/buscacep/" target="_blank">aqui</a><input name="cep" type="text" id="cep" class="cep" value="" size="10" maxlength="9" onBlur="pesquisacep(this.value);" /></label>

<label>Bairro<input id="bairro" name="bairro" readonly="readonly" size="40" type="text" /></label>

<label>Rua <input id="rua" name="rua" readonly="readonly" size="60" type="text" /></label>

<label>Cidade<input id="cidade" name="cidade" readonly="readonly" size="40" type="text" /></label>

<label>Número e/ou complemento<span style="color: #f07c22;">*</span> [text* numero placeholder "Digite seu número e/ou complemento"] </label>

<label>Estado<input id="uf" name="uf" readonly="readonly" size="2" type="text" /></label>

<label>Nome<span style="color: #f07c22;">*</span> [text* nome placeholder "Digite seu nome"] </label>

<label>Telefone [tel telefone id:telefone class:tel placeholder "Digite seu telefone" ] </label>

<label> Email<span style="color: #f07c22;">*</span> [email* email placeholder "ex: seuemail@dominio.com.br"] </label>

<label>Deseja enviar sua última conta? [radio conta label_first default:1 "Sim, gostaria" "Não, prefiro fornecer os dados"]</label>

[group conta-de-luz]<label><span style="color: #f07c22;">Anexar conta de luz</span> [file* documento class:submit limit:10mb filetypes:pdf|jpg|jpeg|png|bmp]</label>[/group]

[group custo-mensal-kwh]<label>Média de consumo mensal em kWh<span style="color: #f07c22;">*</span> [number* consumo-kWh min:10 max:9999 placeholder "Digite seu consumo em kWh" ] </label>[/group]

[group custo-mensal-rs]<label>Custo de sua última conta em R$<span style="color: #f07c22;">*</span> [number* consumo-rs min:10 max:9999 placeholder "Digite seu custo mensal R$" ] </label>[/group]

[submit "Enviar"]

    Conditional Fields

    if consumo-kwh not equals "empty" then show custo-mensal-rs     

if conta equals "Não, prefiro fornecer os dados then show custo-mensal-kwh

if conta equals "Sim, gostaria" then show custo-de-luz

    Thanks and sorry again…

    • This reply was modified 8 years, 10 months ago by azgtoth.
    Plugin Author Jules Colle

    (@jules-colle)

    8 years, 10 months ago

    sorry for the late answer. I’ve been able to test this and it works fine on my own site. I checked your source code again and it seems that you are using a caching plugin. Please clear your cache and try again. If it still doesn’t work, try disabling the plugin all together and see if that solves anything.

    Thread Starter azgtoth

    (@azgtoth)

    8 years, 10 months ago

    Thank you, I just disabled the WP Rocket plugin and worked fine!

    Best regards.

Viewing 9 replies - 1 through 9 (of 9 total)

The topic ‘Not working on mobile’ is closed to new replies.