How to change image position in PanelStrecthLayout using css?

Hi All,
I am using JDeveloper 11.1.1.6.
My Scenario is I need to show the image front of the Panel Stretch Layout .I tried to set like Style Class and change the Z-index but it's not working ,
My Design Like :
<af:panelStretchLayout id="psl3" inlineStyle="background-color:red" styleClass="ImageStyle">
                      <f:facet name="center">
                        <af:panelStretchLayout id="psl2" topHeight="40px"
                                               inlineStyle="margin:20px;">
                          <f:facet name="center">
                            <af:panelGroupLayout id="pgl3" layout="vertical"
                                                 inlineStyle="background-color: Green">
                              <af:panelGroupLayout layout="vertical" id="pgl4"   inlineStyle="margin-top:10px;margin-left:10px;background-color:Green">
                              </af:panelGroupLayout>
                            </af:panelGroupLayout>
                          </f:facet>
                        </af:panelStretchLayout>
                      </f:facet>
                    </af:panelStretchLayout>
My CSS Codes :
.ImageStyle{
background-image: url("../img/sampleimage150x100.png");
z-index:9999;
background-repeat: no-repeat;
How to show image in-front of the layout not it's hiding behind the layout ...
Thanks..

Hi,
normally you would use skinning to skin the components. I don't think that layers make a different because with the stretch layout there are no overlapping layers. So maybe we should start with the use case you are trying to implement, I am not sure I understand the sentence: "I need to show the image front of the Panel Stretch Layout". What does this mean "in front" ? Do you want it to hide the panel stretch layout ? What is the use case?
Frank

Similar Messages

How to change images based on action.Even clicking changed images should ?

how to change images based on action.
Even clicking changed images should do respective actions.
and while displaying only one image at a time sholud get displayed.
I am using three images for a single column of a table in Jsp.
Any clues.
Any link for any good javascript html jsp site where i can find some good solution.
vijendra

In broad way if i say i have multiple situations in mutiple tables where i need such a logic to operate in for all tables.
lets say in first time load of page by default one image will be displayed (one with sorted order for first column rest all non sorted)Now after every click to any image respective sort should get called.along with all images should get changed.Here with every function one/two images will get effect at least.
As in first if i say sort by desc then this image will change rest all will remain in unsort form.
when i move to other column and click on new image the previos will convert to unsort and new one will convert to sort by ascending. rest all will be in unsort form as it is.
Now it seems like same logic is required with two three conditions.
even for everyaction different parametrs has to be passed at differnt situations.
Any good idea if someone can suggest.
I will be very greatful for him.
thanks
vijendra

How to change the position of a menu?

Hello,
I'm a new dreamweaver developer so I would like to ask you
few questions.
If I have a sprite menu that is positioned by default in the
left border of the page, how can I change it's position inside the
page?With css?How?
I'd have to put inside my page also a logo image but, just as
menu, I am unable to put it in the right part of the page; so I was
wondering how to change its position too.
Thank you,
Kind Regards, Luke14free

You would change its position by changing the position of its
container. We
would need to see your page and its code to know how to do
that.
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
==================
"luke14free" <[email protected]> wrote in
message
news:f2pntm$lf1$[email protected]..
> Hello,
> I'm a new dreamweaver developer so I would like to ask
you few questions.
> If I have a spry menu that is positioned by default in
the left border of
> the
> page, how can I change it's position inside the
page?With css?How?
> I'd have to put inside my page also a logo image but,
just as menu, I am
> unable to put it in the right part of the page; so I was
wondering how to
> change its position too.
> Thank you,
> Kind Regards, Luke14free
>

How to change images dynamically in jsp?

Hi All,
i Want to know how to change images dynamically in jsp, for example in any site if u look at advertise or any images, it will be changed after every few seconds.
Please guide me
Thanks
Sandesh S

sandeshas wrote:
Hi BlusC,
i was searching your mail Id to ask the question directly to u,i checked in your blog also, but i didnt get,I want to keep my email spam safe. Only trusted people and direct friends have it. Just use the forums for discussion.
my question is suppose if i want to display and change the advertise(adds from different company ) in my web site,how can i do it by using jsp?
Do i need to create animated gifs which contains all company adds??one might be from movie add,after few seconds next one migth be some other web site add like that, how can i achieve this in my servet,jsp or using struts.You create animated gifs with an [animated gif editor|http://google.com/search?q=animated+gif+editor]. There is nothing what JSP can do for you here.

No question, I just wanna say thanks to the person who discovered how to change the correct dns to use FaceTime. The 8.8.8.8. Really work. Genius. Thanks again.

No question, I just wanna say thanks to the person who discovered how to change the correct dns to use FaceTime. The 8.8.8.8. Really work. Genius. Thanks again.

solved

I have file with 500 pages created from AutoCad file. In all pages, I have different document numbers.The file is not editable in pdf. How to change all the document numbers using "Comment" feature? Any alternate method? alternate method? I have Adobe Ac

I have pdf file with 500 pages created from AutoCad file. In all pages, I have different document numbers.The file is not editable in pdf. How to change all the document numbers using "Comment" feature? Any alternate method? alternate method? I have Adobe Acrobat X Pro and Windows -7 platform.

Yes, I just want to cover up all the pages for those particular area of document numbers.
Nothing sensitive about it. I just want to show the correct document numbers on all pages in print out.
So, I wanted to cover up by comments, but commenting on each page will be difficult. So, I wanted to comment the same on all pages.

How to change the position of a window created in the script?

Hello to all
A window called from another window are the same size. How can change the position of the window relative to the caller call window?

That is worked, but for abs.coord. How make releative coord.?
When I include that in my script, window show without elements ! See attachments №2

How to change image display of my podcast page in iTunes?

How to change image display of my podcast page in iTunes?

As far as I understand you need to update the image's link in your RSS XML file. Be sure to change the link file name even if it links to a different image.
The XML files associated with podcasts are checked for changes every 24 hours so don't expect this to happen instantly.

I need to know how to change the identity (email address) used for the iTunes store as I no longer use that email

I need to know how to change the identity (email address) used for the iTunes store as I no longer use that email.

Settings > iTunes & App store.
Tap AppleID, sign out then sign back in.
The Apple ID is right everywhere else. I've synced the phone. I've reset it in Settings on the phone. I've changed it at Apple.
When you write, "I've changed it at Apple, this means you updated yoru old AppleID or you ceated a new AppleID?

How to Change the position of Column in ALV report

Hi Follks,
    Is is possible to change the position of column in ALV report?.If yes then how?
    Basically my requirement is, that user want afacility where , he should be able to change the position
    of column aftre he runs the report.
    Eg: After running the report , user felt that column 5 should be at position 2 , in that case he should
           be able to drag column 5 at position 2 and vice versa.
    Please help me, how to solve this issue.
    Note : I am using NW 7.0 SP 9
    Regards
    PG
Edited by: PG on Apr 13, 2009 11:10 AM

HI PG,
do below whie filling the filed catlog
wa_fieldcat-fieldname        = 'Field1".
wa_fieldcat-COL_POS = '1',
append wa_fieldcat to it_fieldcat.
wa_fieldcat-fieldname         = 'Field2".
wa_fieldcat-COL_POS = '2',
wa_fieldcat-fieldname         = 'Field3".
wa_fieldcat-COL_POS = '3',
Thanks!

How to change images of selected items in gridview on selection changed event in universal app

Hi,
I am developing Universal App. I have bind the images to the Gridview using ObservableCollection. I have set gridview
SelectionMode as Multiple . I want to change the images of selected items but I don't know how to do in Selection Changed event of Gridview. I got selected items with the help of
Gridview SelectedItems property. How can i change the images of respected selected items?
Please reply me asap.
Thanks in advance.

Hi, Sorry for late reply,
Please change the class :
public class ImageCollection : INotifyPropertyChanged
private string source;
public string Source
get { return source; }
set { SetProperty(ref source, value); }
public int MyProperty { get; set; }
protected void SetProperty<T>(ref T storage, T value, [System.Runtime.CompilerServices.CallerMemberName] String propertyName = null)
if (!object.Equals(storage, value))
storage = value;
if (PropertyChanged != null)
PropertyChanged(this, new PropertyChangedEventArgs(propertyName));
protected void RaisePropertyChanged([System.Runtime.CompilerServices.CallerMemberName] String propertyName = null)
if (PropertyChanged != null)
PropertyChanged(this, new PropertyChangedEventArgs(propertyName));
public event PropertyChangedEventHandler PropertyChanged;
XAML
<GridView x:Name="gd"
Tapped="gd_Tapped">
<GridView.ItemTemplate>
<DataTemplate>
<Grid Height="300" Width="250">
<Image Source="{Binding Source}" Stretch="Fill"/>
<Grid Height="100" Background="#B2000000" VerticalAlignment="Bottom">
<TextBlock Text="{Binding MyProperty}" FontSize="25" />
</Grid>
</Grid>
</DataTemplate>
</GridView.ItemTemplate>
</GridView>
C#
//ObservableCollection of class
ObservableCollection<ImageCollection> img = new ObservableCollection<ImageCollection>();
public MainPage()
this.InitializeComponent();
img.Add(new ImageCollection() { MyProperty = 1, Source = "ms-appx:///Assets/Logo.scale-100.png" });
img.Add(new ImageCollection() { MyProperty = 2, Source = "ms-appx:///Assets/2.jpg" });
img.Add(new ImageCollection() { MyProperty = 3, Source = "ms-appx:///Assets/3.jpg" });
img.Add(new ImageCollection() { MyProperty = 4, Source = "ms-appx:///Assets/4.jpeg" });
gd.ItemsSource = img;
private void gd_Tapped(object sender, TappedRoutedEventArgs e)
GridView gv = (GridView)sender;
ImageCollection ic = gv.SelectedItem as ImageCollection;
ic.Source = "ms-appx:///Assets/4.jpeg";
gv.UpdateLayout();
I have used INotifyPropertyChanged now UI is not fluctuate
and I have not bind again O-Collection.
I hope so You will get right answer.
shah

How to change foreground and background color using CC SDK?

Hello all,
I am just starting to study the sdk (Mac CC). Currently, I am seeking the answer to change foreground and background color using CC SDK?
Is it possible to do so? In addition, will the Image Mode such as RGB, CYMK or Grayscale be effecting such solution?
Thanks in advance.

These are NOT dropdown menus. They are dropdown LISTS.
http://web.me.com/toad.hall/Demo1/Drop_DownMenus.html
And from the links in the Google search you can learn that a list item has no style.
And a dropdown list behaves differently from dropdown menus. Here's how it looks on Mobile Safari :

How to embed image in html when using JTextPane, HTMLEditorKit, JavaMail

I am developing a specialized e-mail client that has to be able to send e-mail messages (in html format with images and attachments) that can be read by standard e-mail clients, and receive similar messages from standard e-mail clients.
I have everything working except for embedding images.
Images are to appear in the document mixed in with the text, but that's not what I mean by "embed". By "embed" I mean that the image itself is encoded within the html.
Here's a bit of code to set the context.
JTextPane bodyPane = new JTextPane();
bodyPane.setEditorKit(htmlEditorKit);
bodyPane.setTransferHandler(new DropHandler());
bodyPane.setDocument(new HTMLDocument());
In the DropHandler I have the following:
HTMLDocument htmlDoc = (HTMLDocument) bodyPane.getDocument();
HTMLEditorKit htmlKit = (HTMLEditorKit) bodyPane.getEditorKit();
int caretPos = bodyPane.getCaretPosition();
At this point get "filename", the full path to an image file that has been dropped onto bodyPane.
String htmlString = "<img src=\"file:///" + filename.replace("\\","/") + "\">";
htmlKit.insertHTML(htmlDoc, caretPos, htmlString, 0, 0, HTML.Tag.IMG);
This works just fine. The image is displayed in the document at the point of insertion.
However, the image itself is an external file. I need to send an e-mail with this image and could send the image file as an attachment, but I obviously can't assume that the recipient of the email is going to save the attachment into the proper location.
What is the best way to do this?
There is a technique for embedding the actual image in the html, using this syntax:
String htmlString = "<a href=\"data:image/png;base64,---mimed png image here--\" alt=\"Red dot\"></a>";
I can't get this to work in JTextPane, so perhaps it's not supported. Also, there may be limitations on the size of an image. And apparently Internet Explorer doesn't support this.
From what I read, using a "content identifier", that is, "cid:" and adding the image as another part of the e-mail message is probably the thing to do. I haven't taken the time to explore this yet.
Does JTextPane support cid? Is that a nonsense question? I suspect what I need to do when the message is being composed is use absolute paths to local files with the images, and then when assembling the e-mail, attach the files and rewrite the html to build in the cid linkage. Similarly, when reading a message with cid's, the thing to do is save the body parts as files and rewrite the cid to point to the actual file.
I have seen others ask similar questions, one as recently as last December, and the reply was to refer to a Sun tutorial. But that tutorial doesn't address the full problem of 1) inserting an image into a document (instead of attaching an image to a component) and 2) sending it as an e-mail message.
I have yet to see an example that shows the complete package.
Am I right that the data option I mentioned is not going to work?
Am I right that cid is the best approach, and do I understand how to use it?
Is there something else?
Thanks
John

Hi Rocky,
Are you using the DC?
if yes then you need to put the image inside the component folder. after that close the application
& reopen. You will get the image.
In case this does not work then try refreshing the portal through server side. Once the cache is cleared, it will be up to view.
Also check the Activity list you have created. It should be added to the dtr properly or else it wont be reflected once reimported the configurations.
Regards
Chander Kararia

How to change the position of a rectangle dynamically

Hi,
I am designing a form, where the position of a rectangle has to be changed dynamically. I'm trying with Set_Item_Property(Position property). But I'm unable to change the position. I need some information regarding this graphics object. Normally, we attach block name with the items. Then for these graphics object, what will be attached. I'm using Forms 6i version.
Regards,
Alok Dubey

you can use a stacked canvas with the rectangle in it. Then you can change the position of the canvas at runtime. Problem is, that the canvas overlaps objects...

How to view images from Pictures Folder using iPhoto?

Right now when I click an image in the Pictures folder, the image is automatically opened using Preview. I want to view images directly from my Pictures folder, and have them open to iPhoto. Is that possible?
I just want to be able to view/sort my photos by Folders rather than by Events, Titles or Photo dates. I can't seem to get them to sort by folders in iPhoto.

Iphoto is a Photo Database designed to allow you to organise and manipulate you photos without recourse to your files.
It's not an image viewer, it can only work with photos that have been imported to the database.
I just want to be able to view/sort my photos by Folders rather than by Events,
An Event is a folder of images with a fancy icon. You can organize your pics in iPhoto anyway you want, using Albums, folders, keywords and so on. It's far more flexible that using folders in the Finder.
You can opt to organise the files yourself, rather than have iPhoto do it for you, but I don't recommend it.
Simply go to iPhoto Menu -> Preferences -> Advanced and uncheck 'Copy Files to the iPhoto Library on Import'.
Now iPhoto will not copy the files, but rather simply reference them on your HD. To do this it will create an alias in the Originals Folder that points to your file. It will still create a thumbnail and, if you modify the pics, a Modified version within the iPhoto Library Folder.
However, you need to be aware of a number of potential pitfalls using this system.
1. Import and deleting pics are more complex procedures
2. You cannot move or rename the files on your system or iPhoto will lose track of them on systems prior to 10.5 and iPhoto 08. Even with the later versions issues can still arise if you move the referenced files to new volumes or between volumes.
3. Most importantly, migrating to a new disk or computer can be much more complex.
Always allowing for personal preference, I've yet to see a good reason to run iPhoto in referenced mode unless you're using two photo organisers.
If disk space is an issue, you can run an entire iPhoto Library from an external disk:
1. Quit iPhoto
2. Copy the iPhoto Library as an entity from your Pictures Folder to the External Disk.
3. Hold down the option (or alt) key while launching iPhoto. From the resulting menu select 'Choose Library' and navigate to the new location. From that point on this will be the default location of your library.
4. Test the library and when you're sure all is well, trash the one on your internal HD to free up space.
If you're concerned about accessing the files, There are many, many ways to access your files in iPhoto:
*For Users of 10.5 and later*
You can use any Open / Attach / Browse dialogue. On the left there's a Media heading, your pics can be accessed there. Command-Click for selecting multiple pics.
Uploaded with plasq's Skitch!
You can access the Library from the New Message Window in Mail:
Uploaded with plasq's Skitch!
*For users of 10.4 and later* ...
Many internet sites such as Flickr and SmugMug have plug-ins for accessing the iPhoto Library. If the site you want to use doesn’t then some, one or any of these will also work:
To upload to a site that does not have an iPhoto Export Plug-in the recommended way is to Select the Pic in the iPhoto Window and go File -> Export and export the pic to the desktop, then upload from there. After the upload you can trash the pic on the desktop. It's only a copy and your original is safe in iPhoto.
This is also true for emailing with Web-based services. However, if you're using Gmail you can use iPhoto2GMail
If you use Apple's Mail, Entourage, AOL or Eudora you can email from within iPhoto.
If you use a Cocoa-based Browser such as Safari, you can drag the pics from the iPhoto Window to the Attach window in the browser.
*If you want to access the files with iPhoto not running*:
For users of 10.6 and later:
You can download a free Services component from MacOSXAutomation which will give you access to the iPhoto Library from your Services Menu. Using the Services Preference Pane you can even create a keyboard shortcut for it.
For Users of 10.4 and later:
Create a Media Browser using Automator (takes about 10 seconds) or use this free utility Karelia iMedia Browser
Other options include:
1. *Drag and Drop*: Drag a photo from the iPhoto Window to the desktop, there iPhoto will make a full-sized copy of the pic.
2. *File -> Export*: Select the files in the iPhoto Window and go File -> Export. The dialogue will give you various options, including altering the format, naming the files and changing the size. Again, producing a copy.
3. *Show File*: Right- (or Control-) Click on a pic and in the resulting dialogue choose 'Show File'. A Finder window will pop open with the file already selected.
You can set Photoshop (or any image editor) as an external editor in iPhoto. (Preferences -> General -> Edit Photo: Choose from the Drop Down Menu.) This way, when you double click a pic to edit in iPhoto it will open automatically in Photoshop or your Image Editor, and when you save it it's sent back to iPhoto automatically. This is the only way that edits made in another application will be displayed in iPhoto.
Regards
TD

How to change image position in PanelStrecthLayout using css?

Similar Messages

Maybe you are looking for