Better user friendly configuration views

Rehne
Topic Author
Offline
Moderator

11 years 5 months ago #30339 by Rehne

Better user friendly configuration views was created by Rehne

Hi,

Just a suggestion, and not important:

in some cases, the configuration views look horrible
(see attached images)

this is especially
the text are different long depending on the language
Therefore, it would be probably better in some case to use type="list" for field (in xml) instead of type="radio" or to format them (radio) so that after each breaks the line ????

Regards

[attachment=1:38sc6fmv]FC examble avoid break-wrapping_02.png[/attachment:38sc6fmv]

[attachment=0:38sc6fmv]FC examble avoid break-wrapping.png[/attachment:38sc6fmv]

Attachments:

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

ggppdk
Offline
Administrator

11 years 5 months ago #30341 by ggppdk

Replied by ggppdk on topic Better user friendly configuration views

Yes it has crossed my mind quite a few times,

To be able to view all parameter options in a single glance without clicking is very beneficial, but it breaks the "layout" appearance when they do not fit, and it is ugly.

i think it is better to greatly enlarge the parameter holder instead of using lists

-- Flexicontent is Free but involves a big effort on our part.
Like the our support? (for a bug-free FC, despite having a long list of functions) Like the features? Like the ongoing development and future commitment to FLEXIcontent?
-- Add your voice to the FLEXIcontent JED listing with a 5-star...

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

Rehne
Topic Author
Offline
Moderator

11 years 5 months ago #30349 by Rehne

Replied by Rehne on topic Better user friendly configuration views

ggppdk wrote: Yes it has crossed my mind quite a few times,

To be able to view all parameter options in a single glance without clicking is very beneficial, but it breaks the "layout" appearance when they do not fit, and it is ugly.

i think it is better to greatly enlarge the parameter holder instead of using lists

Hi,

maybe you can do it with this code (e.g for examble in the scrennshot "FC examble avoid break-wrapping_02.png" )
placing the input field inside the label
an style the label with display:inline-block; float:left; ... or per class and css rule

Code:

<li>
<label title="" class="hasTip" for="jform_useitemparams_fe" id="jform_useitemparams_fe-lbl">Beitragseinstellungen benutzen</label>				
<fieldset style="border-width:0px;" class="radio" id="jform_useitemparams_fe">
<label for="jform_useitemparams_fe0" style="display:inline-block; float:left;">
<input type="checkbox" value="basic" name="jform[useitemparams_fe][]" id="jform_useitemparams_fe0">
grundlegende Beitrags-Einstellungen</label>
<label for="jform_useitemparams_fe1" style="display:inline-block; float:left;">
<input type="checkbox" value="advanced" name="jform[useitemparams_fe][]" id="jform_useitemparams_fe1">
erweiterte Beitrags-Einstellungen</label>
<label for="jform_useitemparams_fe2" style="display:inline-block; float:left;">
<input type="checkbox" value="seoconf" name="jform[useitemparams_fe][]" id="jform_useitemparams_fe2">
SEO Konfiguration</label> 
<input type="hidden" value="__SAVED__" name="jform[useitemparams_fe][]" id="jform_useitemparams_fe9999"> 
</fieldset>				
</li>

Regards

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