Make messageTextInput readonly using CSS

HI,
Is there any ways of making a textfield/MessageTextInput as readonly mode by applying any kind of CSS.
In normal html forms its possible.Is this possible in OAF.DOes OAF has this kind of CSS stuff,handling textfield to readonly or user not allowed to edit the text field.
Thanks

I don't think OAF supports readonly option through the CSS. Could not find this mentioned anywhere in CSS docs. Moreover if this property gets handled both through the OAF and CSS, the output is not predictable or defined anywhere in docs. You might want to raise a TAR on this issue if it is very critical to you.
--Shiv

Similar Messages

How to make MessageTextInput as a readonly field.

Hi,
I want to make MessageTextInput as readonly field.
OAMessageTextInputBean textBoxName = (OAMessageTextInputBean)webBean.findChildRecursive("MytextField");
textBoxName.setReadOnly(true);
When i am using above code it will not render field on page.
Same thing is happening while trying to use readonly = True property at design time.
could anyone help on this?
Thanks in advance
Laukik Pachanekar

Hi,
Thanks for your response.
I am using below code in processRequest method.
public void processRequest(OAPageContext pageContext, OAWebBean webBean)
super.processRequest(pageContext, webBean);
OAMessageTextInputBean textBoxName = (OAMessageTextInputBean)webBean.findChildRecursive("MytextField");
textBoxName.setReadOnly(true);
Thanks,
Laukik

Using css on form buttons to make them pretty

Hello,
I usually use the below css (bottom page) on a page for my
form buttons, it
works nicely in ff and IE, but with regards to the W3C CSS
Validator I get
the following errors.
input.btn attempt to find a semi-colon before the property
name. add it
input.btn Property progid doesn't exist : DXImageTransform
input.btn Parse Error DXImageTransform.Microsoft.Gradient
(GradientType=0,
StartColorStr='#ffffffff', EndColorStr='#ffeeddaa');
input.btn Parse Error }
If any one knows how to make this errorless I would be
grateful, it does
appear as a nice botton etc lol
any way if any one has input I am grateful
regards
k
-~-~-~-~-~-~ the page with botton is below -~-~-~-~-~-~
<%@LANGUAGE="VBSCRIPT" CODEPAGE="65001"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN"
http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=utf-8">
<title>Testing css form button</title>
<style type="text/css">

</style>
</head>
<body><form action="" method="post">
<p>
<input name="ahithere" type="submit" class="btn"
id="ahithere"
value="Submit">
</form>
</body>
</html>

.oO(Thierry)
>"Michael Fesser" <[email protected]> wrote in message
>news:[email protected]...
>> .oO(Thierry)
>>
>>>Following Micha's advice will make your document
validate, but... this
>>>will
>>>also add a HTTP request.
>>
>> Correct, but only in IE 6. And who really cares
about that?
>>
>> Additionally many modern and sophisticaded layouts
usually need some
>> more workarounds for IE 6 than just a filter here
and an alpha loader
>> there. It makes sense to use a separate stylesheet
for them, because
>> IE-specific hacks in the main stylesheet may cause
even more problems
>> and also affect other browsers.
>
>I used to think that way [1], but I changed my mind...
>imho:
>- keeping rules together facilitate maintenance.
Sure, but some rules are only required for IE. They don't
make sense for
all other browsers and would just clutter up the real CSS,
particularly
if you have to use hacks to apply them to IE only.
>- using CCs for IE may create extra HTTP requests for
that browser only, but
>it adds extra markup for *all* browsers.
Indeed. But how much does it take on each page usually? 50
bytes? 100?
A real example from my own sites with CCs for both IE 6 (CSS
and JS) and
IE 7 (only CSS) is exactly 363 bytes - peanuts.
I also use a lot of 'link' elements for example (next page,
previous,
home, search, etc.) All users have to download them, even
though most
won't recognize them, because only very few browsers support
these meta
navigation links natively. But for those whose browsers
interpret them,
they're a useful addition. And the rest has to download 1KB
more -
doesn't matter.
>- you say who cares about IE6
Hmm, it was not properly worded ... what I meant was more
like this: I
_do_ care about IE 6 (I have to, like most of us), but I
don't really
care if it has to download one or even ten additional files.
In fact on my sites there are some more files for IE 6 only:
a CSS, a
JS, a behaviour file for fixing its PNG issue and maybe some
JPEGs as
replacements where the PNG fix doesn't work. So there are at
least 4
additional files for IE 6 only, but since they're necessary I
don't
worry about these additional HTTP requests.
>but when IE6 is gone for good, you end up
>with unecessary comments in all your documents rather
than useless CSS
>filters in a (few) styles sheets
When IE 6 is dead, it's no problem to remove this single line
from my
page templates. One little change on each site - won't take
long.
And as said, usually there's a bit more than just filters. An
example:
http://static.andreas-pauli.de/css/ie6.css
There's not even a PNG fix in this case. All these rules are
related to
IE's float problems, to give some elements "layout" or to
overcome other
little ugly glitches. Having all these in the main CSS would
make things
much more complicated and almost impossible to remove when IE
6 becomes
obsolete one day.
>- afaik, wellknown IE specific hacks as such as the
*property or _property
>hack are totally safe to use (as long as they are always
followed by a ";")
This is my main problem. No hack is totally safe. If I have
the choice
between a rather ugly, but documented behaviour and a hack, I
definitely
prefer the first one. Even though the common IE hacks are
well-tested
these days and I don't expect real side effects, there's
always a kind
of a negative connotation. I simply don't like them.
Additionally there's the problem that in my case IE 7
requires some
fixes as well, and then things would become really
complicated if you
only want to use hacks. CCs are ugly and pollute the markup a
bit, but
at least they are a reliable way to give each IE the medicine
it needs.
Personally I consider them the only useful & working
feature in IE. ;-)
>fwiw, I'm a strong advocate for markup validation
Me too.
>but I don't care when CSS
>files fail validation (actually I don't expect them to
validate).
Well, I prefer valid CSS too, but don't care too much about
warnings.
For example I usually get tons of warnings when I declare a
foreground
color without a background or the other way round. But this
is by
intention, and since I know what I'm doing (at least in most
cases), I
think I can safely ignore these warnings. But I don't like
errors. And
as said - my main problem are the hacks, which I try to
avoid.
So there's not only technical issues in these cases, but also
a lot of
personal preferences I think. For me CCs are the cleaner way
and much
easier to handle. YMMV, of course.
Micha

Problem regarding the creation of Table using CSS.

Hi ,
Here I have a Problem regarding the creation of Table using CSS.
In My Application i have a table with multiple rows(Rows are Dynamically added to the table).First i am setting the table with the following properties:
width:900px;
height : auto,
Overflow : visible,
Max-height: : 200px.
If I use above properties,I'm getting a table with 5 or 6 rows(height upto 200px).After that i am getting the Vertical ScrollBar.
The problem is when a table has many columns, Vertical and Horizontal Scrolls are coming at the time of setting the table. The table height is not Increasing dynamically.
How can i use "height" property in CSS? (I want the table height to be increased when the columns are more.)
Thanks & Regards
Madhavi

Hey humble user. Errr I'm trying to understand what ur trying to do. U want to create a section of a region destructively from an existing region right? If so select the option convert to new region (opt-comm-R or selecting it by right clicking). Check your audio bin to make sure. Whats the "merge" function? Are u refering to the glue tool?

Resizing image using CSS - not working in IE

Hello,
I have a standard report with couple of columns one of which a image column. The images are of varying sizes and I manged to resize them to a fixed width & height by using CSS code in page header as below:
td[headers="ITEM_PICTURE"] img {
display: block;
width: 70px;
border: 1px solid #999;
padding: 4px;
background: #f6f6f6;
}The CSS does the trick in Chrome & Firefox but does not work in internet explorer. Is there a way to make this CSS code IE friendly?
Cheers for help.

William Wallace wrote:
I am using Apex 4.2.1 (had this issue in 4.1.1 as well) and using theme 10.Ah, the Sludge Sand theme. In 4.x that's a legacy theme only really included to allow applications to run on IE6. It's therefore intended to run in quirks mode, meaning in Internet Explorer terms there's no support for anything that didn't work in IE6 (for certain values of "work"). This means no CSS3, no support for a lot of useful CSS2.1 stuff (like attribute selectors), and probably problems with jQuery which requires standards mode. Adding a DOCTYPE to the page templates to trigger standards mode Interactive Report: how can I display carriage returns?. In 4.2 you really should switch to one of the latest Standard themes, or at least one of the standards mode Legacy themes (those not marked with a "*").
If you must use theme 10, and there are no other images in this report (like edit icons) then you could add a static ID to the region and use a more basic selector like:
#static-id td.t10data img {
display: block;
width: 70px;
border: 1px solid #999;
padding: 4px;
background: #f6f6f6;
}However, it appears that one of IE's quirkier quirks mode quirks is that CSS padding is not supported on images, so the presentation you want is not possible using theme 10 in IE and CSS alone.
Switching to a modern theme is recommended.
Edited by: fac586 on 02-Mar-2013 10:31

Buttons using CSS not working properly

I am using Dreamweaver CS4.
I can't get buttons to work properly using CSS.
The buttons are supposed to have a red border around them when inactive (a:link).
Hovering over the button causes it to change its appearence (this works).
Clicking the button works.
Do this then click the BACK arrow.
Buttons no longer have red border.
I have tried this with FireFox, IE 7, IE 6 and Safari. They all do the same thing.
You may see it in action at www.justforso.net/buttons.htm
What am I doing wrong???
     ..... Thanks for your help
Here is the code:
/* CSS Document */
Theme Name: Buttons Test
     margin: 0;
     padding: 0;
body {
     font: 80%/1.6 Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
     color: black;
a.example1:link
   font-size:14px;
   font-weight:bold;
   text-decoration:none;
   border-style:outset;
   border-color:red;
   border-width:5px;
   background-color: #FFFFCE;
   width:125px;
   color:navy;
a.example1:hover
   font-size:14px;
   font-weight:bold;
   text-decoration:none;
   border-style:inset;
   border-color:red;
   border-width:5px;
   background-color: #FFFFCE;
   width:125px;
   color:maroon;
/* CSS Document */
/* HTML Document */
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Buttons Test</title>
<link rel="stylesheet" href="buttons.css" type="text/css" media="screen" />
</head>
<body>
<p> </p>
<p> </p>
<A href="http://www.sitepoint.com/" class="example1"> Beginners </A>
<A href="http://www.sitepoint.com/" class="example1"> Promotion </A>
<A href="http://www.sitepoint.com/" class="example1"> Site Point </A>
</body>
</html>
/* HTML Document */

It's because you have created styles only for the :link and :hover pseudo-classes. Your buttons revert to the default state when the link is active (being clicked) or has been visited. You need to assign properties to the :visited and :active pseudo-classes as well.
Another point about your CSS is that you're failing to make use of the cascade. There's no need to repeat values that don't change. I have rewritten your CSS like this:
a.example1
   font-size:14px;
   font-weight:bold;
   text-decoration:none;
   border-width:5px;
   border-color:red;
   background-color: #FFFFCE;
   width:125px;
   color:navy;
a.example1:link, a.example1:visited {
     border-style:outset;
a.example1:hover, a.example1:active
   border-style:inset;
   color:maroon;
This applies common rules to the basic a.example1 selector, and sets the overrides for the pseudo-classes.
One other point. You're using an XHTML DOCTYPE. All tag names MUST be in lowercase to be valid. This is wrong:
<A href="http://www.sitepoint.com/" class="example1"> Beginners </A>
The opening and closing <a> tags should be in lowercase.

When using CSS in APEX do you need to specify a DOCTYPE?

Hi
Have just started looking at creating my own CSS for APEX apps. Have read that for non-apex web pages that without a DOCTYPE being specified, browsers such as Mozilla & IE-6 go into Quirks mode, a backward compatibility feature that functions as if it has no knowledge of modern DOM.
Does this affect apex pages and do you need to specify a DOCTYPE?
regards
Tony

The built-in APEX HTML page templates don't include DOCTYPES, virtually all have table-based layouts, so whatever browser you bring along, they're gonna party like it's 1999 and everyone is down with Win IE5. This is due to DOCTYPE switching.
The main thing that working this way achieves is that Oracle avoid having to include additional CSS rules and abstruse hacks to deal with CSS rendering bugs in each and every browser out there. Some people think this is A Good Thing.
Web Standards are another Good Thing, and if properly implemented in each and every browser out there life as a web developer/designer would be a lot simpler. Including a DOCTYPE in your page is the starting point for standards-based development. You're declaring "this document is compliant with the stated version of (X)HTML". It's up to you to ensure that it is.
Using an incomplete DOCTYPE:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN">
proclaims your adherence to the XHTML 1.0 Strict standard, and you can take advantage of this by including a validator in your workflow to help you stick to it. However as it's incomplete, the browsers will still revert to rendering CSS in quirks mode, and using Javascript with a proprietary DOM.
A complete DOCTYPE:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"html://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
says that you truly believe it's 2008 and will make the browsers render CSS in standards mode, and work with the W3C standard DOM. This is when you may have to deal with browser-dependent rendering bugs. Which might make it seem that Web Standards are more trouble than they're worth, but if you stick to them you won't have any real trouble with getting sites to work with Firefox, Safari and Opera, maybe IE7 and possibly IE6. And you can take advantage of better CSS support in the first 4 of these to apply more advanced techniques.
So, you don't need a DOCTYPE in your APEX pages, but you can include one, and you have to if you want to do standards-based development (as seen here and here).
APEX doesn't (yet?) create 100% standards-compliant code [and sometimes neither do template developers; content creators almost never] but it has improved in this area version on version.

How to style a GridPane Colomn or row using CSS ?

Hi,
I would like to style a Grid pane column using CSS. I found possible styling the entire GridPane using " -fx-border-color:yellow; -fx-border-insets:5; -fx-border-width:3;" for example. But is there a way of styling a single row or a single column?
For example, let's say I want a yellow border on my last column, does anyone has a clue ?
Thanks.
Seb

CSS doesn't do such things.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"celebritymusic" <[email protected]> wrote
in message
news:esm5vt$8mn$[email protected]..
> Hi
>
> I want to make an image in a DIV morph into another (in
the same DIV). I
> was wondering if there is a simple CSS way of doing
this, rather than
> making an animated gif?
>
> Cheers
>
> Shaun

Centering Images using CSS but having links on the Images

Hi all,
I have a problem on centering an image using CSS. I read on many forums that you have to use margin-left , margin-right and set to auto. and also set the display:block which I had done.
The problem is if I want to have a link from the image. Because I have set the display to block, the link will span the entire container containing it! How do I resolve that? I only want the image to be linkable and not the entire container!
Thanks for reading!

Murray *ACP* wrote:
Because I have set the display to block, the link will span the entire container containing it!
That's incorrect. If the display:block is applied to only the IMAGE, the anchor tag will be exactly the same dimensions as the image and will not fill the container.
Hi Murray,
Weirdly it does in my experiments. (code below). Even if I set the 'a' tag to the width of the image it still makes the whole <div> container clickable:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<style type="text/css">
#imgWrapper {
    width: 900px;
    margin: 0 auto;
    border: 1px solid #000;
#imgWrapper img {
    margin: 0 auto;
    display: block;
</style>
</head>
<body>
<div id="imgWrapper">
<a href="http://www.bbc.co.uk"><img src="slice_2.jpg" width="595" height="130" /></a></div>
</body>
</html>

Using CSS with Contribute

I just stumbled upon a small hitch in my get-along.
While trying to assign an alignment class in Contribute (that
I had originally created in Dreamweaver) I discovered that I
couldn't figure out how to accomplish this. I have already created
a class and it's in the external style sheet, but I can't figure
out how to associate the picture with the class so that text will
flow around the image.
help!
thanks,
Ron

Thanks for the input. I'm well aware of how to use CSS. The focus of this discussion was really how to get images out of <p> tags, not how to write a bunch of extra CSS to undo what Contribute really shouldn't be doing to images.
I am committed to use CSS on my site, but I am also committed to making that CSS easy to use, which mean working at tag and block levels as much as I can, rather than becoming "class happy". I know I have to use classes to do the left and right alignment, but let me share a specific scenario where CSS shouldn't be used.
I have an <h2> element that is the full width of my container. Below that, I have a <p> element for my paragraph. For my design, I want the paragraph to have 1em of padding. Now, I want an image banner that is the full width of the container, so it can nest under the <h2> and be the same width. If I insert the image in Contribute above the <p>, it puts that in a <p> tag. Now, the image is too wide because it's trying to add padding around something that is already the full width of the page. I can't add a rule to remove the padding from all images, because that would remove padding from images that need it also.
I could write a custom CSS class to resolve this issue, but that takes time, adds to my CSS file size and gums up my dropdown menu with an unnecessary class that's only used to solve this one scenario. Instead, it makes more sense to just break the image out of the paragraph tag and treat it as a block.
This is an example of what I was trying to get Contribute to do. I just needed the image tag as such, an image, not an image inside my paragraph padding rules.
In this case "remove paragraph breaks" is the most logical choice, rather than writing a bunch of CSS to undo Contribute's quirks.

How to set dreamweaver to not use CSS?

I know it is frowned upon to not use CSS, but, the reason why
I want everything done in HTML is because I want to list my page on
ebay, and ebay does not support the use of css, or at least it
seems that way, everything has to be purely done in HTML, is there
a way to set dreamweaver so that it does not automatically make my
formating turn to CSS?
Thanks,
Bill.

.oO(BKolos)
>I know it is frowned upon to not use CSS, but, the reason
why I want everything
>done in HTML is because I want to list my page on an
auction, and this auction
>does not support the use of css, everything has to be
purely done in HTML
If it's about eBay or a similar platform, then in fact you
can use CSS.
You just have to add a 'style' element to the page body(!) to
link to an
external stylesheet. It's completely invalid HTML, because
the 'style'
element belongs to the document's head, but it should work in
almost
every browser. And since usually the rest of the auction page
is invalid
HTML anyway, it doesn't really hurt either.
See if this helps.
Micha

DeployJava.js and using css display:none;

Hi all,
I am using the deployJava.js to add an applet to a page.
The applet is on a tab. My webpage has a few tabs and when you click from one to another using css I make a certain DIV disappear using display:none; and then to make the other DIV visible I use display:block;
As I flick between tabs my applet has problems. Sometimes its loads and sometimes it doesn't. The documentation says you should only call deployJava.runApplet once, so maybe this is the problem. Any ideas how I should avoid this?
Thanks,
Cormac

Hello Doktat,
I also agree with you. This is a very annoying.
My web application has a number of tabs and as you flick through them I use display:none; to hide certain divs.
Unfortunately different browsers seem to handle differently.
On Firefox, if I go to a different tab. My Applet is Stopped and when I go back to the original tab, my applet is redeployed and started again. This looks bad and also sometimes my applet doesn't show up at all, but maybe that is because I am calling deployJava more than once.
On IE 7, everything seems to work beautifully and as I move between tabs the applet isn't started and stopped and deployJava only seems to be ever called once.
This is frustrating, web pages are more complex now and java needs to fit in with this new complexity.
I may have to move back to a pure javascript solution now. But I like to develop in java, so I keep pushing it to my manager and colleagues. Then it fails on something simple like this. I've been burnt before by applets and now it seems I am burnt again.
I do hope that they think more about haw applets fit into more advanced situations.
Talk later,
Cormac

Defining a component width using CSS

Hi,
I am using CSS to completely define the layout of my applications. I was able to remove all layout coding from the MXML/AS files (which is great!!), except one minor thing - which, unfortunately, is very important -: component size (width and height).
I can define positioning and "some" sizing using constraint layout (left="10", right="10"). But there are some cases where I need to explicitely say: "I want this component 10 pixels far from the right border, and I want it to have 100 pixels of width, no matter what happens with it's container size". In those cases I am forced to put "skinning" code in the middle of my MXML, which sucks.
Isn't there an easy way to set component dimensions using CSS? I find this a major problem with skinning applications using CSS. Or is there another proposed solution?
Thanks,
João Saleiro

I normally post my ER's & bugs in Jira. I just wanted to make sure that there weren't other solutions before filling an ER.
Thank you.
For other people looking for this subject, my ER can be found here: https://bugs.adobe.com/jira/browse/SDK-21805

Adding drop shadow using CSS

I am fairly new to CSS and am designing a website where I
would like to use a drop shadow using CSS.
Currently I have a container div that is centred horizontally
in the browser window and want to add a drop shadow to this div, so
all content stays central in the browser window when it is resized.
(similar to
http://www.thegraphicmac.com/).
Any help/advice would be appreciated...
Thanks

CSS doesn't make drop shadows exactly. You could configure
one division on
top of another division with an offset but that's complicated
when used on
an entire page. This basic tutorial shows how to bring 3
image slices into
a CSS layout. (Use your own images and play around with it.)
http://alt-web.com/Image-slices-in-a-CSS-based-layout.html
--Nancy O.
Alt-Web Design & Publishing
www.alt-web.com
"richardellis" <[email protected]> wrote in
message
news:g62m8c$qj8$[email protected]..
> I am fairly new to CSS and am designing a website where
I would like to
use a
> drop shadow using CSS.
>
> Currently I have a container div that is centred
horizontally in the
browser
> window and want to add a drop shadow to this div, so all
content stays
central
> in the browser window when it is resized. (similar to
>
http://www.thegraphicmac.com/).
>
> Any help/advice would be appreciated...
>
> Thanks
>
>
>

I am new to iMovies. When I make a video using the mic and camera in my Macbook Pro, the audio and video are not in synch. Very annoying. How can I fix this?

I am new to iMovies. When I make a video using the mic and camera in my Macbook Pro, the audio and video are not in synch. Very annoying. How can I fix this?

DVD drives read the bottom of the disk, not the top. Smooth out the paper & try again.

Make messageTextInput readonly using CSS

Similar Messages

Maybe you are looking for