Posted by JStarcher on November 11, 2010 at 5:01pm
6 followers
Jump to:
| Project: | CurvyCorners |
| Version: | 7.x-1.x-dev |
| Component: | Code |
| Category: | feature request |
| Priority: | normal |
| Assigned: | JStarcher |
| Status: | active |
Issue Summary
With the latest CurvyCorners and now that CSS3 is out, all you really have to do is enable the module and add rounded corners to the elements you want rounded and the javascript fills in the blanks for browsers without CSS3 support.
I was thinking it might be nice for users who are using a core or contrib theme and do not know how or want to mess with the curvycorners javascript or theme css to have a GUI for enabling rounded corners on standard items suchs as blocks, headers, etc.
Would this be a feature anyone could use?
Comments
#1
I personally can do GUI or no GUI, but I believe that this would be a huge + for newcomers as you perfectly note in the issue's description. I am willing to test and provide feedback. Let us know Jordan ;)
#2
I think we should start with a basic set of fields that would allow people to select elements to be rounded and then move on to support individual settings for each 'selector' like which corners should be curved and with what radius.
I cannot help with coding, but here's a mockup of what I believe the UI should look like when we're done:
________________________________ ________ _________| General Curvy corners settings | | Styles | | Elements|
| ==================================================|
| Documentation is available at: |
| - The <a href="http://www.curvycorners.net/instructions">curvyCorners JavaScript |
| library official homepage</a>. |
| - The <a href="http://drupal.org/project/curvycorners">Curvy corners</a> |
| project's page in Drupal.org |
| - The (?) help link -where available- next to each option (you need to also have |
| the <a href="http://drupal.org/project/advanced_help">Advanced help</a> module |
| installed and enabled). |
| |
| Enable Curvy corners for the following themes: |
| [V] Garland |
| [ ] Redraw curved boxes in response browser window resize. (?) |
| [V] Delay the running of the startup code. (?) |
| [ ] Bartik |
| [V] Seven |
| [V] Redraw curved boxes in response browser window resize. (?) |
| [V] Delay the running of the startup code. (?) |
| |
| Available curvyCorners versions (select which to use): |
| ( ) 2.0.3 (*) 2.0.4 ( ) 2.0.5 alpha ( ) 2.1 beta |
| |
| [... more options here ...] |
| |
===================================================================================
This is the tab that would hold general settings like allowing per theme enabling of the script and some extra per theme settings that will only be available if the script is enabled for the respective theme. The last set of checkboxes is for when this gets implemented: #973258: Support Libraries API (use ../site/all/libraries to store external libraries) and will allow users to test newer versions of the script with ease (and revert to previous versions is things break).
['Styles' tab mockup coming up...]
#3
...here it is:
________________________________ ________ _________| General Curvy corners settings | | Styles | | Elements|
|================================== =======================================|
| __________________________________________________________ |
| ________________| Corners enebled/radius (leave empty to disable): | |
| | Style name | top left top right bottom left bottom right | |
| |----------------|----------------------------------------------------------| |
| | all-corners-20 | [20] [20] [20] [20] | |
| | top-corners-15 | [15] [15] [ ] [ ] | |
| | bottom-10 | [ ] [ ] [10] [10] | |
| | left-10 | [10] [ ] [10] [ ] | |
| | right-25 | [ ] [25] [ ] [25] | |
| | TL-BR-15 | [15] [ ] [ ] [15] | |
| | TR-BL-20 | [ ] [20] [20] [ ] | |
| | custom_style | [10] [15] [20] [ ] | |
| | another_one | [ ] [20] [15] [ 5] | |
| --------------------------------------------------------------------------- |
| |
| [ save_styles_settings_button ] |
| |
| Create/Add new style: [ style_name_field ] [ add_style_button ] |
| |
| [ export_styles_button ] [ import_styles_button ] |
| |
===================================================================================
...this will enable users to create reusable curvycorners styles they can 'assign' to elements by say perhaps a drop-down menu. This all will happen in the 'Elements' tab, but it is to late for another mockup and I need to put some thought in it.
#4
...forgot the UI controls that will allow users to delete/edit created styles in the previous mockup ;)
#5
Hello,
A GUI would be great for D7!!!!! As a newcomer, i use modules with GUI for my website. I use the Busy theme and want it with rounded corners so i downloaded curvycorners but... i'm unable to use it because i don't understand the code that must be applied for my site.
If anyone can help me and give me a piece of standard code to see the effects... i've picked some code on the curvy corner site and implemented it in the CC admin page on my site but it doesn't work. TRhe best woould be to make a new version of curvy corners with a GUI. :) :) :)
#6
A GUI would be good - but better documentation would be a simpler solution.
I have attempted to understand the module, and its config page in D7 and at http://www.curvycorners.net/instructions/ and frankly I have absolutely no idea at all what I need to put into the configuration. An example on the configuration page, and/or some code suggestions would go a long way to help others like myself get started with this. Alternatively some better drupal-only instructions in a help page would be useful.