Can't skin the width of an inputText in a column-filter-cell

Hi all,
I have problems skinning the width of an inputText in a column-filter-cell. I am using JDev 11.1.2.0
My rule looks like following:
af|column::column-filter-cell af|inputText::content {
width: 100%;
color: #DEADBE;
However, the color gets applied, but not the width.
Inspecting with IE Developer tools, the rule applied looks like this:
.af_column_column-filter-cell .af_inputText_content {
max-width:100%;
margin-left:0px;
margin-right:0px;
color:#DEADBE;
-ms-box-sizing:border-box;
padding-left:0px;
padding-right:0px;
width:90%
I added the color attribute only as a test. So my question is, why is the color applied, but not the width?

Do you see this in other browsers too? or only in IE? Which IE or other browser are you using?
Timo

Similar Messages

How can I control the width of an inputText and commandButton components

I need to set the width for both <af:inputText/> and <af: CommandButton/> , but I couldn’t find the width property in the “Property inspector” for them, Is there a way to do it ? Thanks.

Msrping,
Always mention the Version of Jdeveloper which you are using.
If you are using Jdeveloper 11.1.1.0.1 than try this:
<af:inputText/> :: Goto Property Inspector > Appearance > Column(Set the value for this property. ex, 10)
<af: CommandButton/> :: Goto Property Inspector > style > Box tab > width(Set the value for this property, ex, 50)
---Neelmani Jaiswal

How can i change the width of a webapp depending on the view?

In Dashcode how can i change the width of the web app depending on the width of the view. I am using the stack layout.
For example if view 1 had a width of 400 px
the web app would have a width of 400 px
if i changed to a view with a 400 px
the webap would change to have a width of 400 px
it automatically adapts the the hight of a view how do i do the same with the width.

While they may auto adjust to what it thinks is a correct width, far too often it allocates way too much room and that causes lists with 4 columns to be much longer than they need to be and without the ability to adjust them, lists look strange.
http://twitpic.com/23ro09/full is an example of the first column having been allocated too much room.
Denzel

How we can increase/ decrease the width of a HTML Region.

Hi,
I am having following 2 HTML regions defined.
I am using Two Level Tabs with Sidebar
Region1
Type - HTML Text
Template - Report region with 100% width
sequence - 10
column - 2Region2
Type - HTML Text
Template - Report region with 100% width
sequence - 10
column - 3 // only the column is different in this caseNow when I run the page, what I found that Region1 width is covering 75% of the Page and Region2 is covering only 5-10% of the page (right side)
How can I reduce the width for region1 and increase the width of region2.
Thanks,
Deepak

Deepak,
This is typically done via CSS adjustments. Solutions are always very specific to the application. i'd be happy to take a look if you would please put an example up on apex.oracle.com. Provide the workspace/username/password. You can create a new account for this purpose.
Regards,
Dan
Blog: http://DanielMcGhan.us/
Work: http://SkillBuilders.com/

How can we configure the width of the table in SAP DB

Hello sirs,
How can we configure the width of the table in SAP DB? (<b>i.e to specify the total width of the sum of all columns</b>). I need to change the default value of table width for adding fields with biggger sizes...
With best regards,
Sudheesh....

Hi,
The restrictions for using SAPDB are available at the following link http://dev.mysql.com/doc/maxdb/en/f6/069940ccd42a54e10000000a1550b0/content.htm
The 'internal length of the table' is 8088 bytes, which intern maps to the column width attribute.
Can we change the column width?
The answer is 'NO'.
check the general Column width error (-1115) at link below where it is specified that the column width can be altered http://dev.mysql.com/doc/maxdb/en/bb/57f18204fd11d2a96c00a0c9449261/content.htm
Refer link below for more details on the width of each column (based on the datatype associated with the column). http://orgs.man.ac.uk/documentation/mysql/manual_Column_types.html
So we will have to judiciously look into the boundary values for each column and set the right length because if the column is char(200) and it holds a null value then length allocated is 200 bytes.
The restriction cannot be broken.
Regards,
S.Divakar

Can I adjust the width of the navigation pane?

Hello, I've got a WebHelp project. It will generally be used on touchscreens. This forum gave me great advice on making the fonts bigger for TOC and Indiex items by going to the WebHelp Skin Editor.
Well, I was wondering if I could actually make the width of the navigation pane wider. In the Skin Editor, you can drag the pane (like you can in compiled help, but that doesn't seem to hold upon compilation. Thanks for any suggestions.

Hi there
Two things
Yes, you can adjust the pane. Check out the Skinny on Skins for detailed steps. Click here
Please submit a Wish Form to ask for this ability in the Skins Editor
Cheers... Rick
Helpful and Handy Links
RoboHelp Wish Form/Bug Reporting Form
Begin learning RoboHelp HTML 7 or 8 within the day - $24.95!
Adobe Certified RoboHelp HTML Training
SorcerStone Blog
RoboHelp eBooks

How can I change the width of columns in (e.g.) the week view in Thunderbird / Lightning?

As it currently displays, the Lightning display of a week doesn't fit in the window, so I'm forever scrolling left and right. I'd like to reduce the width of columns so that all 6 or 7 days (depending on whether it's a work week or full week) can be displayed within the window's width, without scrolling. There seems to be no standard way to configure this to happen.
I have the calendar pane on the left reduced to its narrowest (I still need this for navigation, so I can't just get rid of it).
I have tried zooming out, but all this does is reduce the height of events etc. within the columns, it does not affect the width of the columns.
Thanks.

While they may auto adjust to what it thinks is a correct width, far too often it allocates way too much room and that causes lists with 4 columns to be much longer than they need to be and without the ability to adjust them, lists look strange.
http://twitpic.com/23ro09/full is an example of the first column having been allocated too much room.
Denzel

How can I reduce the width of an Adobe Bridge web gallery in Dreamweaver?

Hi there,
I've been created a website using Dreamweaver CS4, which is nearly finished except for the photo gallery.
I have created the web gallery through Adobe bridge and exported. I then created an iframe within the dreamweaver page and specified that it fills 100% of the space (or column, which is approx 510px wide). I then inserted the index file of the gallery into the iframe though 'modify' > 'Edit tag'.
I saved and tested the webpage in a browser - the functionality worked but the gallery seems to be cropped (See attached pic).
I then tried to specify that the iframe was 510px wide, but the gallery remained at the same width and the right side of some images and the scroll bar are missing.
Does anyone know how to reduce the width of an adobe bridge web gallery to 500px wide and insert succesfully into dreamweaver??
Many thanks
Helen

The original photo gallery is:
http://www.bethanyjanedavies.com/portfolio.html
You can see that the right side is chopped off
But I may have to compromise and use:
http://www.bethanyjanedavies.com/portfolio2.html
This is a much wider page than the rest of the website, but I suppose you have to find a compromise that works!!
Cheers
Helen

How can I adjust the width of email display so text remains within the width of display

Most emails are narrow enough to fit within the width of my display, occasionally I receive an email that spills of the edge of my screen and I need to move focus of my display back & firth with every line, is there a way to display in word wrap.?

You can set the width of the word wrap in about:config. Get to about:config from Options > Advanced > General > Config Editor. Search for "wrap" and set mailnews.wraplength to whatever works for you. You should also set mail.wrap_long_lines to true.

How can I skin the TextLayout scrollbar?

I've been searching online for hours about how to skin the scrollbar component thats embedded in the TextLayout component. I'm using Flash CS4 and Actionscript 3. I'm guessing it is very similar to skinning other components, but it doesn't seem to work the same way. Here's one line of code I'm trying:
myTextLayoutComponent.setStyle("thumbUpSkin", "SliderThumbUp");
where "myTextLayoutComponent" is the instance name of the TextLayout component, "thumbUpSkin" is the Style's skin I want to change, and "SliderThumbUp" is the Class name of a MovieClip in my library.
This same code works perfectly with the ComboBox component, UIScrollBar, and similarly with other components.
The documentation has all the skins listed in the "Styles" area, but this code does absolutely nothing. Does anyone have a clue how this can be accomplished? I'm guessing I'm very close, but missing something! I haven't been able to find anything online about skinning this new TextLayout component with ActionScript. Any help will be greatly appreciated.
Here's a link to the documentation if it's at all helpful:
http://livedocs.adobe.com/labs/textlayout/fl/controls/TextLayout.html
Thanks!

TLF itself doesn't include a scroll bar, we just have the internal support necessary for scrolling. The scroll bar itself is supplied as part of Flash. If you have picked up the Flash Component for TLF, I think it is rather old now -- it uses a version of TLF that dates from more than a year ago. We have a new version out now that is much better. But it does not come with a component for Flash. I would suggest getting the new version of TLF from the Flex open source at http://opensource.adobe.com/wiki/display/flexsdk/Flex+SDK. You don't have to use Flex to use TLF, its just the best way to get the most up to date version. Then you can use the TLF libraries in Flash, although not with the Flash component. You will have to build your own component in Flash. Alternatively, you could wait for Flash CS5 (see cslaunch.adobe.com), which will have support for TLF.

How can I get the width of window?

Hi. I would like to get the width of window on IE.
If on Netscape, I can use "window.inner(outer)Width".
However, I don't know what to do with IE.
I am sorry that this question might be very begginer.
Thank you,

and this is not a question taht in belongs in this forum! it is a IE/IE.Script question. perhaps you find an answer here: http://developer.irt.org/script/window.htm

How can I change the width of bookmark toolbar buttons?

I would simply like to alter the width of bookmark toolbar buttons to better display the bookmark title. I also have MultirowBookmarksToolbar addon installed.

Add code to [http://kb.mozillazine.org/UserChrome.css userChrome.css] below the @namespace line.
<pre><nowiki>@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */
</nowiki></pre><pre><nowiki>#personal-bookmarks toolbarbutton.bookmark-item { max-width: 20em; }</nowiki></pre>
You can use this code for specific bookmarks (label name needs to be an exact, case sensitive, match)
<pre><nowiki>#personal-bookmarks toolbarbutton.bookmark-item[label="Bookmark_Name"] { max-width: 20em; }</nowiki></pre>
See http://kb.mozillazine.org/Editing_configuration

How can I set the width of a Text element?

Hello! I have created a custom button with this class:
import javafx.scene.Node;
import javafx.scene.CustomNode;
import javafx.scene.Group;
import javafx.scene.Cursor;
import javafx.scene.shape.Rectangle;
import javafx.scene.paint.Color;
import javafx.scene.paint.LinearGradient;
import javafx.scene.paint.Stop;
import javafx.scene.effect.DropShadow;
import javafx.scene.text.Text;
import javafx.scene.input.MouseEvent;
public class Button extends CustomNode {
    public var text: String;
    public var x: Integer = 0;
    public var y: Integer = 0;
    public var width: Integer = 90;
    var height: Integer = 25;
    override public function create(): Node {
        return Group {
            content: [
                Rectangle {
                    cursor: Cursor.HAND;
                    x: this.x;
                    y: this.y
                    width: this.width;
                    height: this.height;
                    arcWidth: 15;
                    arcHeight: 15;
                    effect: DropShadow {radius: 6};
                    fill: LinearGradient {
                        startX: 0.0, startY: 0.0, endX: 0.0, endY: 1.0
                        stops: [
                            Stop {offset: 0.0, color: Color.WHITE}
                            Stop {offset: 1.0, color: Color.LIGHTGRAY}
                    onMouseEntered: function(e: MouseEvent): Void {
                        (e.node as Rectangle).fill = LinearGradient {
                            startX: 0.0, startY: 0.0, endX: 0.0, endY: 1.0
                            stops: [
                                Stop {offset: 0.2, color: Color.WHITE}
                                Stop {offset: 1.0, color: Color.LIGHTGRAY}
                    onMouseExited: function(e: MouseEvent): Void {
                        (e.node as Rectangle).fill = LinearGradient {
                            startX: 0.0, startY: 0.0, endX: 0.0, endY: 1.0
                            stops: [
                                Stop {offset: 0.0, color: Color.WHITE}
                                Stop {offset: 1.0, color: Color.LIGHTGRAY}
                    onMousePressed: function(e: MouseEvent): Void {
                        (e.node as Rectangle).fill = LinearGradient {
                            startX: 0.0, startY: 0.0, endX: 0.0, endY: 1.0
                            stops: [
                                Stop {offset: 0.0, color: Color.LIGHTGRAY}
                                Stop {offset: 1.0, color: Color.WHITE}
                    onMouseReleased: function(e: MouseEvent): Void {
                        (e.node as Rectangle).fill = LinearGradient {
                            startX: 0.0, startY: 0.0, endX: 0.0, endY: 1.0
                            stops: [
                                Stop {offset: 0.0, color: Color.WHITE}
                                Stop {offset: 1.0, color: Color.LIGHTGRAY}
                Text {
                    x: this.x + 5, y: this.y + 16
                    content: this.text
}But, how can I set the Text element centered into the button?

Stack {
                    layoutInfo: LayoutInfo {
                        width: bind width;
                        height: bind height;
                    content: [Rectangle {
                            width: bind width, height: bind height
                            //fill: bind color;
                            fill: Color.GREEN
                            arcHeight: 20; arcWidth: 20;
                        Text {
                            font: Font {
                                size: 24
                            textAlignment: TextAlignment.CENTER;
                            wrappingWidth: width;
                            boundsType: TextBoundsType.VISUAL;
                            fill: Color.WHITE;
                            content: bind text;
                }wrappingWidth: Sets the maximun width of the text
boundsType: If you put the wrappingWidth var and you want to center a text you MUST set this var to VISUAL

How to increase or decrease the width of af:inputText

Hi,
I want to increase the height & width of the <af:inputText>.
To increase the Height, i made rows attribute value as "2". But i am not able to increase the width of that component.
I have increased the "style--> box ---> Width” but it is not working.
Please help me,
Thanks in advance.

Hi user,
Post your ADF faces questions at
JDeveloper and ADF
--Prasanna

Since upgrading to Yosemite, when I try to compose a new message, the window is wider than the screen and I can't adjust the width.

Ever since I upgraded to Yosemite on my MacBook Air, I cannot get the mail window to adjust to a size that fits my screen. It is wider than the screen size and although I can adjust the height, the adjustment arrows will not adjust the width. I am not having the same problem with my mac mini since I upgraded that computer. This is a pain because I spend most of my time on my air sending out e-mails to clients

Greetings kbug61,
It appears you are experiencing issues with window sizes and displays. Have you attempted to adjust your resolution at any point? That may be why the windows aren't managed properly. The following article may help you find a solution:
OS X Yosemite: Adjust your display’s resolution
Your display’s resolution determines the size of text and objects on your screen. By default, the resolution on your display is set to show the sharpest text and the most detailed images. While it’s best to use the default resolution, you can manually set the resolution to make text and objects appear larger on your screen, or adjust it to make text and objects appear smaller so you have more space on your screen.
Depending on how you adjust the resolution, some apps may not fit entirely on the screen. Using a scaled resolution may affect performance.
Set the resolution for your primary display
Choose Apple menu > System Preferences, click Displays, then click Display.
Select Scaled, then select one of the scaled resolution options.
Set the resolution for a connected display
If you have more than one display, additional resolution options are available.
After the display is connected, choose Apple menu > System Preferences, click Displays, then click Display.
Press the Option key while you click Scaled to see additional resolutions for the second display. Then select a scaled resolution option for the second display.
If you changed your display’s resolution and now there’s no picture
Connect multiple displays to your Mac
Set options for accessibility
Thank you for contributing to Apple Support Communities.
Best,
Bobby_D

Can't skin the width of an inputText in a column-filter-cell

Similar Messages

Maybe you are looking for