aiContactSafe Problem z wyświetlaniem formularza na stronie

[karolmys]

Witam

Mam zainstalowaną joomle wersja 2.5.8 oraz komponent aiContactSafe (http://www.idphoto.pl/administrator/index.php?option=com_aicontactsafe)v.2.0.19.stable

Po zainstalowaniu oraz skonfigurowaniu formularz nie wyświetla się poprawnie na stronie. http://www.idphoto.pl/index.php/kontakt W czym tkwi problem oraz jak go rozwiązać. pomóżcie proszę

pozdro

[Tor_]

Witam
komponenty->aiContactSafe->Profile->Twój_domyślny_profil->Dostosuj css

[karolmys]

Więc mam taki kod:

/*
align - margin
make sure you have the corect aiContactSafe_mainbody_3 set everywhere on this CSS code
the number following aiContactSafe_mainbody_ is the id of the profile
if not properly set, the changes affecting this tag will not take effect
*/

/* display into the center of the page */
div#aiContactSafe_mainbody_3 {
margin-left:auto;
margin-right:auto;
}

/*

set the width of some of the fields
add here any of the fields of aiContactSafe

// Textbox
div#aiContactSafe_mainbody_3 input#nume_field
// Combobox
div#aiContactSafe_mainbody_3 select#nume_field
// Editbox
div#aiContactSafe_mainbody_3 textarea#nume_field
// Checkbox - List
div#aiContactSafe_mainbody_3 input.nume_field
// Radio - List
div#aiContactSafe_mainbody_3 input.nume_field
// Date
can't modify the width
// Email
div#aiContactSafe_mainbody_3 input#nume_field
// Email - List
div#aiContactSafe_mainbody_3 select#nume_field
// Joomla Contacts
div#aiContactSafe_mainbody_3 select#nume_field
// Joomla Users
div#aiContactSafe_mainbody_3 select#nume_field
// SOBI2 Entries
div#aiContactSafe_mainbody_3 select#nume_field
// Hidden
nothing to set
// Separator
div#aiContactSafe_mainbody_3 div#sp_nume_field
// File
only a very complex solution will fix this problem
// Number
div#aiContactSafe_mainbody_3 input#nume_field
// Hidden Email
nothing to set

*/
div#aiContactSafe_mainbody_3 input#aics_name {
width:240px;
}
div#aiContactSafe_mainbody_3 input#aics_email {
width:240px;
}
div#aiContactSafe_mainbody_3 input#aics_phone {
width:240px;
}
div#aiContactSafe_mainbody_3 input#aics_subject {
width:240px;
}
div#aiContactSafe_mainbody_3 textarea#aics_message {
width:240px;
height:80px;
}

/* set the way labels and fields are displayed */
div#aiContactSafe_mainbody_3 div.aiContactSafe_row {
clear:both;
padding:2px 0px;
}
div#aiContactSafe_mainbody_3 div.aiContactSafe_contact_form_field_label_left {
float:left;
padding:0px 3px;
}
div#aiContactSafe_mainbody_3 div.aiContactSafe_contact_form_field_left {
float:left;
padding:0px 3px;
}

div#aiContactSafe_mainbody_3 div.aiContactSafe_contact_form_field_label_right {
float:left;
padding:1px 3px;
margin-top:2px;
}
div#aiContactSafe_mainbody_3 div.aiContactSafe_contact_form_field_right {
float:right;
padding:1px 3px;
}

/* center the contact form */
div#aiContactSafe_mainbody_3 #aiContactSafeForm {
margin-left:auto;
margin-right:auto;
}

/* set the space between the notification for the required fields to the contact form */
div#aiContactSafe_mainbody_3 div#aiContactSafe_info {
margin-bottom:10px;
}

/* set the div containing the captcha */
div#aiContactSafe_mainbody_3 div#div_captcha {
clear:both;
text-align:left;
margin:5px 0px;
padding-top:10px;
}
div#aiContactSafe_mainbody_3 div#div_captcha_info {
margin-bottom:5px;
}

/* set the way the text counting the characters in the edit box */
div#aiContactSafe_mainbody_3 div.countdown_div {
font-size:9px;
}
div#aiContactSafe_mainbody_3 input.countdown_editbox {
font-size:9px;
text-align:center;
border:none;
overflow:visible;
background:transparent;
}

/* set the cells containig the contact form and the contact information */
div#aiContactSafe_mainbody_3 table#aiContactSafeForm td, div#aiContactSafe_mainbody_3 div#aiContactSafeForm {
padding:5px;
vertical-align:top;
}

/* modify the cursor of the labels to let the user know they can click on them */
div#aiContactSafe_mainbody_3 label {
cursor:pointer;
}
/* set the label tag containing the character that marks the required fields */
div#aiContactSafe_mainbody_3 label.required_field {
text-align:left;
vertical-align:top;
margin-left:5px;
}

/* hide the hidden rows */
div#aiContactSafe_mainbody_3 div.aiContactSafe_row_hidden {
display:none;
}

/* make the buttons higher */
div#aiContactSafe_mainbody_3 div#aiContactSafeBtns input {
padding:5px;
margin:0px;
}

/* set the way the date is displayed */
div#aiContactSafe_mainbody_3 table.aiContactSafe_date td {
padding:0px 0px 0px 0px;
vertical-align:middle;
}
div#aiContactSafe_mainbody_3 table.aiContactSafe_date td select {
margin:0px 2px 0px 0px;
}

/* set the space between field sufix and the field and between the field prefix and the field */
div#aiContactSafe_mainbody_3 span.aiContactSafe_sufix {
margin-right:3px;
}
div#aiContactSafe_mainbody_3 span.aiContactSafe_prefix {
margin-left:3px;
}

Proszę o pomoc co należy tu zmienić. Nie jestem aż tak dobry w tym to też proszę o szybką pomoc.

pozdrawiam

[karolmys]

Tor_ (http://forum.joomla.pl/member.php?23447-Tor_)

Opcja wyrównanie etykiet i pól nic nie pomaga. Wydaje mi się że problem tkwi w czymś innym. Dodam że po przełączeniu na szablon fabryczny formularz kontaktowy wyświetla się prawidłowo. Pola są widoczne a i kod zabezpieczający też się wyświetla. Ten używany przezemnie to dd_twinturbo_10 (http://www.idphoto.pl/administrator/index.php?option=com_templates&task=style.edit&id=11) i tutaj się nic nie wyświetla.

[karolmys]

Wie ktoś może jak ten problem rozwiązać??

[alex51]

W stylach css tego szablonu (http://www.idphoto.pl/templates/dd_twinturbo_10/css/template.css) w wierszu 1395 masz regułę:

background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
która daje czarne tło pól formularza, niewidocznych na czarnym tle szablonu. Zmień na #fff i będzie widać pola z białym tłem.

[Agaaa]

Proszę o pomoc.
Zainstalowałam aiContactSafe. Dodatki także (przez Ustawienia w komponencie).
Niestety po wpisaniu {aicontactsafeform pf=1} formularz się nie pojawia. Id formularza zgadza się. Pojawiają się trzy kroki, za chwilę komunikat "Proszę czekać" i wszystko znika.
Z góry serdecznie dziękuję za pomoc.

[alex51]

Pisano już o tym (http://forum.joomla.pl/showthread.php?74420-aiContactSafe-problrm-z-capha&highlight=aiContactSafe). Możliwy konflikt jquery, rozwiązaniem może być instalacja dodatku jQuery Easy (http://extensions.joomla.org/extensions/core-enhancements/performance/jquery-scripts/18327).

[Agaaa]

Witam. Bardzo dziękuję. Wczoraj formularz działał. Udało się to po wpidaniu w artykule: {aicontactsafeform pf=1|use_css=1} zamiast {aicontactsafeform pf=1}. Udało mi nawet pomyślnie go przetestować. Dzisiaj znowu ten sam problem...

- - - Updated - - -

Po instalacji dodatku jQuery Easy (http://extensions.joomla.org/extensions/core-enhancements/performance/jquery-scripts/18327) bez zmian.