Forums

How to solve this problem of lag?
"The text does not include the box or button

view picture ...

Thank you

Teophile

Hi Teophile,

This is a problem with your CSS. Possibly you have RokCandy enabled in your template?

Bob

I use the template of RocketTheme rt_dominion and I found the following code:

<div class="form_item">
  <div class="form_element cf_checkbox">

    <label class="cf_label" style="width: 160px;">ChekBox</label>
    <div class="float_left">
      <input style="position: absolute; left: -10000px;" value=".........check 1" title="Validation" class="radio" id="check00" name="check0[]" type="checkbox">
      <label for="check00" class="check_label rokchecks rokcheck0">.........check 1</label>
      <br>
      
<input style="position: absolute; left: -10000px;" value="check 2" title="Validation" class="radio" id="check01" name="check0[]" type="checkbox">
     <label for="check01" class="check_label rokchecks rokcheck0">check 2</label>

      <br>
      
<input style="position: absolute; left: -10000px;" value="check 3" title="Validation" class="radio" id="check02" name="check0[]" type="checkbox">
      <label for="check02" class="check_label rokchecks rokcheck0">check 3</label>
      <br>
      

    </div>
    <a class="tooltiplink" onclick="return false;"><img class="tooltipimg" alt="" src="/components/com_chronocontact/css/images/tooltip.png" width="16" border="0" height="16"></a>
				<div class="tooltipdiv">ChekBox :: ToolTip</div>
  </div>

  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_radiobutton">
    <label class="cf_label" style="width: 160px;">RadioButton</label>
    <div class="float_left">
      <input style="position: absolute; left: -10000px;" value="radio 1" title="Validation" class="radio" id="radio10" name="radio1" type="radio">
      <label for="radio10" class="radio_label rokradios rokradio1">radio 1</label>

      <br>
      
<input style="position: absolute; left: -10000px;" value="radio 2" title="Validation" class="radio" id="radio11" name="radio1" type="radio">
      <label for="radio11" class="radio_label rokradios rokradio1">radio 2</label>
      <br>
      
<input style="position: absolute; left: -10000px;" value="radio 3" title="Validation" class="radio" id="radio12" name="radio1" type="radio">
      <label for="radio12" class="radio_label rokradios rokradio1">radio 3</label>
      <br>
      

    </div>

I think it is on the red lines and I'll look in the css template but I'm not a programmer :
<label for="check00" class="check_label rokchecks rokcheck0">.........check 1</label>
<label for="check01" class="check_label rokchecks rokcheck0">check 2</label>
<label for="check02" class="check_label rokchecks rokcheck0">check 3</label>

<label for="radio10" class="radio_label rokradios rokradio1">radio 1</label>
<label for="radio11" class="radio_label rokradios rokradio1">radio 2</label>
<label for="radio12" class="radio_label rokradios rokradio1">radio 3</label>


Tank you

Teophile

Hi Teophile,

That's probably what is causing the problem. Try turning RokCandy off in the Template manager.

Bob

RokCandy The extension is not installed.
The template is installed with rt_dominion:
RokNavMenu - Boost
RokNavMenu - Extended Link
System - RokGZipper
System - Cache RokGantry

I checked all the css files and nothing.
But I have seen in the table jos_chrono_contact and fields and html ChronoCode see more is there not a track ??

Champ html

<div class="form_item">
  <div class="form_element cf_checkbox">
    <label class="cf_label" style="width: 160px;">ChekBox</label>
    <div class="float_left">
      <input value=".........check 1" title="Validation" class="radio" id="check00" name="check0[]" type="checkbox" />
      <label for="check00" class="check_label">.........check 1</label>
      <br />
      
<input value="check 2" title="Validation" class="radio" id="check01" name="check0[]" type="checkbox" />
      <label for="check01" class="check_label">check 2</label>
      <br />
      
<input value="check 3" title="Validation" class="radio" id="check02" name="check0[]" type="checkbox" />
      <label for="check02" class="check_label">check 3</label>
      <br />
      

    </div>
    <a class="tooltiplink" onclick="return false;"><img height="16" border="0" width="16" class="tooltipimg" alt="" src="components/com_chronocontact/css/images/tooltip.png"/></a>
				<div class="tooltipdiv">ChekBox :: ToolTip</div>
  </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_radiobutton">
    <label class="cf_label" style="width: 160px;">RadioButton</label>
    <div class="float_left">
      <input value="radio 1" title="Validation" class="radio" id="radio10" name="radio1" type="radio" />
      <label for="radio10" class="radio_label">radio 1</label>
      <br />
      
<input value="radio 2" title="Validation" class="radio" id="radio11" name="radio1" type="radio" />
      <label for="radio11" class="radio_label">radio 2</label>
      <br />
      
<input value="radio 3" title="Validation" class="radio" id="radio12" name="radio1" type="radio" />
      <label for="radio12" class="radio_label">radio 3</label>
      <br />
      

    </div>

Champ chronocode
[quote]CHRONO_CONSTANT_EOL[type="cf_checkbox"CHRONO_CONSTANT_EOL{CHRONO_CONSTANT_EOLclass = radioCHRONO_CONSTANT_EOLname = check0[]CHRONO_CONSTANT_EOLtheoptions = .........check 1*,*check 2*,*check 3CHRONO_CONSTANT_EOLhidelabel = 0CHRONO_CONSTANT_EOLlabelwidth = 160pxCHRONO_CONSTANT_EOLlabeltext = ChekBoxCHRONO_CONSTANT_EOLtitle = ValidationCHRONO_CONSTANT_EOLtooltiptext = ChekBox :: ToolTipCHRONO_CONSTANT_EOLslabel = Small LabelCHRONO_CONSTANT_EOL}]CHRONO_CONSTANT_EOL[type="cf_radiobutton"CHRONO_CONSTANT_EOL{CHRONO_CONSTANT_EOLclass = radioCHRONO_CONSTANT_EOLname = radio1CHRONO_CONSTANT_EOLtheoptions = radio 1*,*radio 2*,*radio 3CHRONO_CONSTANT_EOLhidelabel = 0CHRONO_CONSTANT_EOLlabelwidth = 160pxCHRONO_CONSTANT_EOLlabeltext = RadioButtonCHRONO_CONSTANT_EOLtitle = ValidationCHRONO_CONSTANT_EOLtooltiptext = RadioButton [/quote]

Tank you

Teophile

Hi Teophile,

This isn't a ChronoForms problem - something in your RocketTheme template is adding 'rokchecks' and rokradio' classes.

You either need to turn these off or modify the css so that the form displays the way that you want it.

Bob

PS Perhaps the old RokCandy features are now embedded into the new Gantry Framework?

Thank you GreyHead

Problem: [attachment=2]Pb_ChekBox_and_RadioButton.png[/attachment]

Setting:
In Extensions_Templates_rt_dominion_j15_Advanced set OFF the INPUT STYLING [attachment=1]Pb_ChekBox_and_RadioButton-2.png[/attachment]


Result: [attachment=0]Pb_ChekBox_and_RadioButton-1.png[/attachment]

I would put a link on the forums http://www.rockettheme.com/forum/index.php?f=318&t=86231&rb_v=viewtopic

Theophile

Hi Teophile,

Thanks - you can probably fix this by changing some CSS - but I don't know where to start looking except to use FireBug to have a close look.

Bob