SOLVED RSForms Pro Form field width limit not adhered to in Callisto
-
-
- Carl L.
- Sr. Rocketeer
- Posts: 136
- Thanks: 0
-
Hi,
I have created a simple contact form with RSForms! Pro 1.5.14, which under Joomla 3.5.1 and using the Protostar template displays the specified text field width correctly. However, in Callisto 1.3.2 the text fields take up the whole viewport width. As RSForms! Pro works correctly with the default Joomla template, but not with Callisto, I am inclined to conclude that the issue lies with Callisto. I would be grateful, if the RocketTheme team could look into this please. I'll be including the link to the relevant page in the secure area in a moment.
Thank you.
Latest status: I have now found a way to change the text field width (which can be used for a text area, too) by specifying a style under "Attributes" tab/Additional Attributes for the respective field, e.g. style="width: 400px;". So, this ticket can be closed. - Last Edit: 8 years 6 months ago by Carl L..
-
-
-
- Damir
- Preeminent Rocketeer
- Posts: 22450
- Thanks: 2679
- Web Developer
Re: SOLVED RSForms Pro Form field width limit not adhered to in Callisto
Posted 8 years 6 months ago- We dont add custom styling for forms in our themes like RSForms but if you need help i can provide a css code so it will look like as you want?
- Available for CUSTOM WORK with Joomla, WordPress and Grav Templates and Gantry Framework!
-
-
-
- Carl L.
- Sr. Rocketeer
- Posts: 136
- Thanks: 0
Re: SOLVED RSForms Pro Form field width limit not adhered to in Callisto
Posted 8 years 4 months ago-
Hello Damir,
Thank you for your offer of css code and apologies for the delay of my reply (I've been deeply involved in another project). The "only" items that are still an issue with the format of the form are:
a) height of text boxes (without validation and with validation for email addresses)
b) size of the field that displays the captcha characters (larger would be better) as well as the field in which to enter them
c) (vertical) distance betweeen the field that displays the captcha characters and the field in which to enter them.
d) width of the caption column (wider would be better)
So, if your offer is still open, I would appreciate CSS code with sample paramer values that I could then adjust. I presume the CSS code would need to go under the Attribute tab of the relevant form element - or could I include it in the custom css file with all the other custom css? In the latter case, I would be very grateful, if you could also give an example how how, e.g., First Name field in the form could be referenced in that custom CSS file.
The primary target devices are Android smartphones.
Thank you!
Carl
-
-
-
- Damir
- Preeminent Rocketeer
- Posts: 22450
- Thanks: 2679
- Web Developer
Re: SOLVED RSForms Pro Form field width limit not adhered to in Callisto
Posted 8 years 4 months ago-
Try something like this:
.formResponsive select,.formResponsive input[type="text"], .formResponsive input[type="number"], .formResponsive input[type="email"], .formResponsive input[type="tel"], .formResponsive input[type="url"], .formResponsive input[type="password"] { height: 35px; } .rsform-captcha-box { margin-top: 25px; } .formResponsive .formHorizontal .formControlLabel { width: 250px; } .formResponsive .formHorizontal .formControls { margin-left: 270px; }
To add custom style sheet to Gantry 5 Framework please follow these instructions:
docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet
or if you want to add them in the Page Settings:
docs.gantry.org/gantry5/configure/page-settings#custom-css-js - Available for CUSTOM WORK with Joomla, WordPress and Grav Templates and Gantry Framework!
-
-
-
- Carl L.
- Sr. Rocketeer
- Posts: 136
- Thanks: 0
Re: SOLVED RSForms Pro Form field width limit not adhered to in Callisto
Posted 8 years 3 months ago-
Hello Damir,
Thank you for your reply and the sample CSS code. Unfortunately, I have had some difficulties with it:
a) I inserted your CSS code into the Global Page settings (Base Outline, the Default Outline inherits) either in the CSS field of the Assets section or in a Custom CSS/JS Atom - both with no effect.
b) I inserted your CSS code into the custom.scss file (near the end). This did increase the field height as needed and also the distance between the captcha display and input field. However, it did throw the display of the language switcher to the next row for the smartphone breakpoints so that the vertically arranged flags overlap the slogan custom HTML particle in the navigation area. After removing your CSS again from the custom.scss (and from the ineffective addition to the Page Settings), the low field heights and the low captcha field margin are restored as expected, but the problem with the thrown language switcher is not reversed, even though I did clear both "Cache" and "Expired Cache".
The language switcher at the mentioned URL is still in the correct position. It is thrown onto the next line (even and after the CSS was applied and deleted) on my local machine.
I look forward to hearing from you.
-
-
-
- Damir
- Preeminent Rocketeer
- Posts: 22450
- Thanks: 2679
- Web Developer
Re: SOLVED RSForms Pro Form field width limit not adhered to in Callisto
Posted 8 years 3 months ago- Please post your Username and Password in Secure Tab and i will take a look and maybe figure out what the problem is.
- Available for CUSTOM WORK with Joomla, WordPress and Grav Templates and Gantry Framework!
-
-
-
- Carl L.
- Sr. Rocketeer
- Posts: 136
- Thanks: 0
Re: SOLVED RSForms Pro Form field width limit not adhered to in Callisto
Posted 8 years 3 months ago-
Hi Damir,
I have included your proposed CSS in the customs.scss file (as on my local machine, the result is the same: language switcher is pushed to the next row and overlaps with slogan) and have included the credentials in the secure tab.
Regards
Carl
-
-
-
- Damir
- Preeminent Rocketeer
- Posts: 22450
- Thanks: 2679
- Web Developer
Re: SOLVED RSForms Pro Form field width limit not adhered to in Callisto
Posted 8 years 2 months ago-
You do not have access to the Administrator section of this site. I need admin access ... Superadmin access
also can you post a screenshot of the overlap i dont see that ... - Last Edit: 8 years 2 months ago by Damir.
- Available for CUSTOM WORK with Joomla, WordPress and Grav Templates and Gantry Framework!
-
-
-
- Carl L.
- Sr. Rocketeer
- Posts: 136
- Thanks: 0
Re: SOLVED RSForms Pro Form field width limit not adhered to in Callisto
Posted 8 years 2 months ago-
Hi Damir,
Apologies, Super Admin access is now set up correctly with provided credentials. URL: testsite-1.ccc77.org
Wrt overlap: I had reverted to the orgininal custom.scss yesterday and have now uploaded the version with your code included (lines 87-101). You can now see the overlap.
Regards,
Carl
-
-
-
- Damir
- Preeminent Rocketeer
- Posts: 22450
- Thanks: 2679
- Web Developer
Re: SOLVED RSForms Pro Form field width limit not adhered to in Callisto
Posted 8 years 2 months ago-
NOW i am lost is it this page testsite-1.ccc77.org or this testsite-11.ccc77.org/contact
Also i don't see overlap on either pages make a screenshot and post it here ... - Available for CUSTOM WORK with Joomla, WordPress and Grav Templates and Gantry Framework!
-
Time to create page: 0.056 seconds