5 Replies Latest reply: Oct 30, 2013 7:38 AM by Sruthi Tamiri RSS

    How to change image from one to another color.

    Sruthi Tamiri

      Hi All,

       

        In our application we have used two sets of items [i.,e Text items & Drop down list items]  

        For all these we have used as mention below

       

      Label->Country

       

      Horizontal/vertical alignment->Right

       

      Template ->Required Label

       

      Now for required label currently it shows as

       

      img alt="Required Field Icon" src="/i/themes/theme_12/required.gif

       

      [which is in orange color] but i have to change into "Red color" for asterick

       

       

      Could some one help me on this request to make changes.

       

      Regards,

      Sruthi tamiri!!

       


        • 1. Re: How to change image from one to another color.
          fac586

          SruthiTamiri wrote:

           

            In our application we have used two sets of items [i.,e Text items & Drop down list items]

            For all these we have used as mention below

           

          Label->Country

           

          Horizontal/vertical alignment->Right

           

          Template ->Required Label

           

          Now for required label currently it shows as

           

          img alt="Required Field Icon" src="/i/themes/theme_12/required.gif

           

          [which is in orange color] but i have to change into "Red color" for asterick

           

          As previously advised, you must provide your APEX version, theme, and browser version when asking a question in order to get relevant assistance...


          The asterisk is a GIF bitmap image so the orange colour is inherent and fixed. To change it using an image in the template you need to find or create an image of a red asterisk.


          It is possible to do this more flexibly using CSS without images:


          a.t12RequiredLabelWithHelp:after,
          
          .t12RequiredLabel:after {
            content: " *";
          
            color: #c00;
          }
          
          


          However this won't work at all on IE7 as it doesn't have support for generated content, nor will it work in later versions of IE using theme 12 as it is a legacy quirks mode theme, and IE8+ only supports generated content in standards mode.

          • 2. Re: How to change image from one to another color.
            Sruthi Tamiri

            Hi,

             

              Thanks for quick turn around and sorry was not mention my versions, we will include going foward, as mine versions all same to my previous posted question.

             

            The asterisk is a GIF bitmap image so the orange colour is inherent and fixed. To change it using an image in the template you need to find or create an image of a red asterisk.

             

            If i found an imgae with red asterick where do i need to replace in my template, since I am not able to find the location replace the image.

             

            Can you provide us the path to replace the things.

             

            Regards,

            Sruthi tamiri!!

            • 3. Re: How to change image from one to another color.
              fac586

              SruthiTamiri wrote:

               

              If i found an imgae with red asterick where do i need to replace in my template, since I am not able to find the location replace the image.

               

              Can you provide us the path to replace the things.

              1. Go to Home > Application Builder > Application > Shared Components > Templates
              2. Select the Required Label templates
              3. Edit the label definition, replacing the image src attribute with the URI of the new image

               

              <label for="#CURRENT_ITEM_NAME#"><img src="#IMAGE_PREFIX#themes/theme_12/required.gif" alt="Required Field Icon" /><span class="t12RequiredLabel">

              • 4. Re: How to change image from one to another color.
                Sruthi Tamiri

                Hi,

                 

                After long research i found the below URL which conatins different images

                https://apex.oracle.com/pls/otn/f?p=45958:21:0:::::

                 

                In above URL i found these three images

                requiredicon_status.gif

                requiredicon_status_red.gif

                requiredicon_status2.gif

                 

                Now when i have tried to replace the gif file in below it was not working, so any help here

                 

                <label for="#CURRENT_ITEM_NAME#"><img src="#IMAGE_PREFIX#themes/theme_12/requiredicon_status_red.gif" alt="Required Field Icon" /><span class="t12RequiredLabel">

                Regrads,

                Sruthi tamiri!!

                • 5. Re: How to change image from one to another color.
                  Sruthi Tamiri


                  Hi All,

                   

                    I have made changes like this and it was worked to me, i have removed themes/theme_12

                   

                  <label for="#CURRENT_ITEM_NAME#"><img src="#IMAGE_PREFIX#requiredicon_status_red.gif" alt="Required Field Icon" /><span class="t12RequiredLabel">

                  Regards,

                  Sruthi tamiri!!