Celebrate National IT Professionals Day with 3 months of free Premium Membership. Use Code ITDAY17

x
?
Solved

Changing skin/theme of Drupal 7 widgets (fields)

Posted on 2013-05-17
7
Medium Priority
?
405 Views
Last Modified: 2013-05-28
Hello Experts,

I've tried searching for a way to change the appearance (skin/theme) of my content type widgets (fields), but I'm not having any luck.

Anyone know how that may be accomplished?

I only want to control the look of the widget, not the functionality.

Thank you.
0
Comment
Question by:Modifier1000
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 4
  • 2
7 Comments
 
LVL 9

Expert Comment

by:scifikillr
ID: 39175527
The look and feel of fields can be controlled in a number of ways, depending on where you're trying to affect it.

Node: If you're trying to theme a field for a node, you can create a node template in the theme. This will help you with this process: http://drupal.org/node/1089656

View: If you're trying to theme a field for a view, you can create a view template. From the View edit perspective, click the 'Advanced' fieldset and click the Theme "Information" link to see template suggestions.

There are also a few modules which may assist with theming. One is Display Suite. This module (along with a few of its optional addon modules) will allow you to control positioning and general look/feel of the fields in the page. Support addon modules let you interact with different objects, such as nodes, comments, etc.
0
 
LVL 9

Expert Comment

by:scifikillr
ID: 39175532
This may be easier to assist with if you can provide some information on what field type you're trying to modify, and what modules (if any) are being used to provide this functionality right now (obviously CCK, but speaking more to a specific module that provided the field, if that's the case).

Also, a URL to the page in question would be quite helpful, as would a description of what you're trying to change it to.
0
 
LVL 17

Expert Comment

by:nanharbison
ID: 39175568
You could do this with CSS. But if your theme doesn't provide an empty CSS file that you can use to override styles in the theme CSS, then you can create one.
0
Learn how to optimize MySQL for your business need

With the increasing importance of apps & networks in both business & personal interconnections, perfor. has become one of the key metrics of successful communication. This ebook is a hands-on business-case-driven guide to understanding MySQL query parameter tuning & database perf

 
LVL 9

Expert Comment

by:scifikillr
ID: 39176184
To clarify: Use of CSS may be entirely possible, but it depends on what you're trying to do. Certain look/feel improvements would be considered to be a bit hacky in CSS (for instance, using position:absolute to place an element somewhere that could be very easily achieved by simply moving it by a few lines in the .tpl.php file)
0
 

Author Comment

by:Modifier1000
ID: 39185536
@scifikillr

Here is what I'd like to accomplish plus a similar look to the other widgets/components...see attached.
different-widget-skin.png
0
 
LVL 9

Accepted Solution

by:
scifikillr earned 2000 total points
ID: 39187946
Select lists are among a group of fields that are rendered differently depending on the browser that is being used. They can be overridden, but this can be a difficult process, especially for someone that's never done it before.

There's a good article here, which shows some basic methods of styling these field types.
0
 

Author Closing Comment

by:Modifier1000
ID: 39201329
Thank you.
0

Featured Post

Free Tool: Subnet Calculator

The subnet calculator helps you design networks by taking an IP address and network mask and returning information such as network, broadcast address, and host range.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article is for those that are having major problems with users upload files such as pictures to their profile. The solution is simple and has to do with correcting the directory paths. With some experimenting and testing i got it fixed. Note…
This script checks a path to see if a folder exists. If the folder does exist you will get output "The folder has previously been created. No action taken" If not it will create the folder. Then adds one user modify permission to the folder. It …
Video by: ITPro.TV
In this episode Don builds upon the troubleshooting techniques by demonstrating how to properly monitor a vSphere deployment to detect problems before they occur. He begins the show using tools found within the vSphere suite as ends the show demonst…
In this video, Percona Solution Engineer Rick Golba discuss how (and why) you implement high availability in a database environment. To discuss how Percona Consulting can help with your design and architecture needs for your database and infrastr…

730 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question