× Please submit new Bug Reports on GitHub: github.com/Jensen-Technologies/component-creator-issues/issues

Bug Form Display in Frontend

10 years 2 months ago #318 by Xze Rod
Bug Form Display in Frontend was created by Xze Rod
Hi,
my component works fine but i have a display error in my frontend form. Maybe it's a bug, maybe it's my fault.

1. All my Radio Buttons are overlapped.
I only see the label and the first 'radio button'. Behind this button, all other 'radio button names' are written in row without any whitespace.
If i click - for example - the third 'radio button name' and submit my form, the right value is saved in my database. So it works but seems to be a small view - bug.

In Firebug, the html-structure is:
<div class="control-group"><div class="control-label">
<label id="jform_art-lbl" class="hasTooltip" title="" for="jform_art" data-original-title="<strong>Art</strong><br />Wählen Sie die Spielart aus">Art</label>
</div>
<div class="controls">
<fieldset id="jform_art" class="radio">
<input id="jform_art0" type="radio" checked="checked" value="1" name="jform[art]">
<label class="active" for="jform_art0">Meisterschaft</label>
<input id="jform_art1" type="radio" value="2" name="jform[art]">
<label for="jform_art1">Freundschaftsspiel</label>
<input id="jform_art2" type="radio" value="3" name="jform[art]">
<label for="jform_art2">Turnier</label>
<input id="jform_art3" type="radio" value="4" name="jform[art]">
<label for="jform_art3">Kreispokal</label>
</fieldset>
</div>
</div>
i searched in the right tmpl file, but there is only following code
<div class="control-group">
        <div class="control-label"><?php echo $this->form->getLabel('art'); ?></div>
        <div class="controls"><?php echo $this->form->getInput('art'); ?></div>
    </div>


Maybe this could be a problem with bootstrap3, i'm using on my website?

2. My Datepicker 'Calender-Button' slipped off into the next line. Like in Problem 1 everything works fine, but this seems to be another view -bug.

The html-structur is:
div class="control-group"><div class="control-label">
<label id="jform_anstoss-lbl" class="hasTooltip required" title="" for="jform_anstoss" data-original-title="Anstoß">
</div>
<div class="controls">
<div class="input-append">
<input id="jform_anstoss" class="inputbox hasTooltip" type="text" aria-required="true" required="" maxlength="45" value="" name="jform[anstoss]" title="" data-original-title="">
<button id="jform_anstoss_img" class="btn" type="button" aria-invalid="false">
<i class="icon-calendar"></i>
</button>
</div>
</div>
</div>
Attachments:

Please Log in or Create an account to join the conversation.

Time to create page: 0.044 seconds
Powered by Kunena Forum

We use cookies so that you can place orders and we can provide a better service. You can control the use of cookies at the individual browser level. If you reject cookies, you may still use our website, but your ability to use some features or areas of our website may be limited.