Plugin element type: css-class of APEX interface is lost...

Hi guys!

It is still a matter of plugin.

And before that: is there a forum dedicated to issues around the APEX plugin development? I don't know http://www.apex-plugin.com/ where you can share, but not discuss your own little ones. And other sites are more commercial.

Perhaps someone here can also answer my current question:

In the developer interface, you have the form HTML CSS Classes element and attributes of the HTML Formfields in the section of the element .

The an element type plugin interface (among others) carries parameter apex_plugin.t_page_item.element_attributes.

Documentation:APEX_PLUGIN

Now the problem is that the values I enter in the field of the HTML form element attributes are passed to plugin procedure, the values of the Class CSS of HTML form elements get lost. And I couldn't find any other setting for this field of class.

That's how I made of the element:

   v_html := '<input type="text" name="@name@" id="@id@" width="@width@" @attr@>';
    v_html := replace ( v_html, '@name@',     apex_plugin.get_input_name_for_page_item(false) );
    v_html := replace ( v_html, '@id@',       p_item.name);
    v_html := replace ( v_html, '@width@',    p_item.element_width );
    v_html := replace ( v_html, '@attr@',     p_item.element_attributes );
    sys.htp.prn(v_html);


... and so far every thing works. Certainly I can include my own class here, but I often insert a class at the level of application development, and I imagine that others do also.

I also tested other plugins of item type, and did not see how the css class I spend there, reached the HTML.

I forgot something or is it a flaw in the development of a plugin?

Thank you and best regards,

Tobi

Work with 4.2.1

Hey Tobi,

You can find this setting in p_item.element_css_classes. I just checked out apex.oracle.com (4.2.4) and this attribute is passed correctly,

Peter

Tags: Database

Similar Questions

  • Format CSS custom for APEX 5.0 calendar

    I have an APEX 5.0 calendar using the universal theme.  I tried to use the predefined CSS classes, like apex-cal-green, and that they work as expected.  In this case, I have the colors associated with the type of the event.  In the record of event type, I have fields for the foreground and background colors. From what I could glean, this is how I created the CSS column in my query:

    ' background-color: ' | TWU. BACK_CLR | '; the color of the border : ' | TWU. BACK_CLR | '; color: ' | TWU. FORE_CLR | ';' CSS_COL

    and I'm getting a column that looks like this:

    background-color: #BDC3C7; border-color: #BDC3C7; color: #404040;


    and it's not having an effect on my screen.  I guess I'm doing something wrong and hoping someone can point me in the right direction.


    Thank you


    Jim

    SuperflyTNT wrote:

    OK got the concept. Logical, just work on execution.

    Nice to see someone pick up an idea and run with it...

    Is it that simple?

    The application process Page CREATE_CSS ((point de processus de rappel AJAX):)

    Start

    for task (select sched_task_cd, fore_clr, schedule_task_type back_clr) loop

    apex_css. Add (Lower (Task.sched_task_cd) |) "{background-color: ' |}" task.back_clr | '; border color: ' | Task.back_clr | '; color: ' | Task.fore_clr | '}');

    end loop;

    apex_application.stop_apex_engine;

    end;

    Almost. You are missing some initialization in the response header and actually get out the style rules, which must be made using htp.p . apex_css may not be used in this case. Only, it can be used in the rendered page (or never used at all as I'm concerned):

    begin
    
      owa_util.mime_header('text/css', false);
      htp.p('Content-Disposition: filename="schedule.css"');
      owa_util.http_header_close();
    
      for style in (
        select
            lower('foo') class
          , '#404040'    color
          , '#BDC3C7'    bg_color
        from
            dual)
      loop
        htp.p('.fc .fc-event.' || style.class || ' { background-color: ' || style.bg_color || '; border-color: ' || style.bg_color || '; color: ' || style.color || '; }');
      end loop; 
    
    end;
    
  • plugin JavaScript and css file does not load in Apex 5.0 in certain circumstances

    Hello

    I have a strange problem. I've migrated a 4.2 application and its plugins to version 5.0.

    On my test server that everything works perfectly, plugins properly load css and javascript libraries.

    On the server to the client, even if the configuration is identical (Oracle 11 g, ADR 3.0, Glassfish), any plugin loading fails and triggers an error like:

    http://W2k3-Theos-t-AP/ords/i3std/r/2105/files/plugin/32865463423023705/v1/Select2.CSS

    Method: GET

    Status: 404 not found

    Currently the Plugin files (javascript and css) are stored in Oracle. Does it mean that I have muss stores as static files?

    Thanks for help

    Frédéric

    Kiran,

    Unlock APEX_LISTENER and APEX_REST_PUBLIC_USER and everything works perfectly.

    Thanks to Peter and Kiran, Apex is an excellent product thanks to its fantastic team

    Best regards

    Frédéric

  • doubts about the css class...

    I tried to load a background image in the theme universal apex 5 in the login page.

    and I used the code found in the following link and got it works

    Apex 5.0: Theme Roller and background image

    But I doubt that can be very simple for the css professionals.

    .t-PageBody-.t-body connection

    {

    Background: URL("Sports.jpg") repeat top center white scroll;

    Color: #000000;

    do-family: Arial, Helvetica, Sans-serif;

    do-size: 12px;

    line-height: 17px;

    }

    .t - PageBody.t - body

    How do you know .t-PageBody - .t-body connection was the main class to change...

    Let me know if my interpretation is correct

    .t-PageBody - login is the main class

    and .t-Body is the upper class?


    pauljohny100 wrote:

    I tried to load a background image in the theme universal apex 5 in the login page.

    and I used the code found in the following link and got it works

    Apex 5.0: Theme Roller and background image

    But I doubt that can be very simple for the css professionals.

    .t-PageBody-.t-body connection

    {

    Background: URL("Sports.jpg") repeat top center white scroll;

    Color: #000000;

    do-family: Arial, Helvetica, Sans-serif;

    do-size: 12px;

    line-height: 17px;

    }

    .t - PageBody.t - body

    How know .t-PageBody-.t-body connection was the main class change...

    Let me know if my interpretation is correct

    .t-PageBody - login is the main class

    and .t-Body is the upper class?

    .t-PageBody--login .t-Bodyis a descendant selector. It matches any element with a class attribute that contains a t-Body value having an element ancestor with a class attribute that contains a t-PageBody--login value. There is no concept of 'main' class or 'slot' in CSS. The required selector is likely to have been determined on the supplement page using a web Inspector.

    It is advisable to take some tutorials to get at least a basic understanding of web technologies when you work with APEX.

  • REGION OF THE CSS CLASSES

    Hi, I'm new to APEX. Grateful if someone can help me understand the REGION CSS CLASSES and how to modify an existing one.

    Thank you

    1641493 wrote:

    Please update your forum profile with a recognizable username instead of "1641493": Video tutorial how to change username available

    Another question... The list of values for the region css classes will be different according to the theme that we have selected.  I need to know the css of the file I need to update in order to contrast a class in this list.

    There is in fact no connection between the CSS file and the metadata of element APEX. The values in the LOV pop up in the region of the CSS Classes are simply a list of distinct values specified in the property of the region of the CSS Classes to other elements of the current application. See this recent thread on the equivalent element property: HTML Form element CSS Class values - Where From?

  • How to use the CSS class

    Dear friends,

    I use Apex 4.1. I did a CSS class. I just want to know where I have to paste the code below and where I call and how?


    I wrote this in the properties-> header HTML PAGE

    < style type = "text/css" >
    MyClass
    {
    Width: 200px;
    color: orange;
    background-color: #CCCCFF;
    }
    < / style >




    the call above field-> on the attributes of HTML table cell. class = 'MyClass '.

    but it does not work. Please help me where I am doing wrong. Thanks in advance.

    Concerning
    Kamran

    Hello

    I have cerated a sample APP (APPL_1) in my TEMP workspace:

    http://Apex.Oracle.com/pls/Apex/f?p=29601:1:844154738192245:

    You can identify yourself in my workspace (see for the source):
    workspace: APEX_DEMOVIC
    Login: demo
    Pass: demo

    It will be useful.

    Concerning

    J :D

  • Attribute of RoboHelp 8 &amp; CSS class

    I tried to use the CSS class attributes, but it seemed to be recognized by Robohelp 8. Here is an example of my code:

    My external style sheet:

    {Test}

    Width: 562px;

    height: 16px;

    text-align: center;

    do-family: Arial, Helvetica, without serif.

    make-weight: bold;

    color: #ffff00;

    }

    Test1 {}

    background-color: #00900;

    }

    Test2 {}

    background-color: #008000;

    }

    In my file:

    < link rel = "Stylesheet" href = "layout.css" type = "text/css" / > "

    < div class = "Test1 Test" >

    I type something here

    < / div >

    The text I type is rendered but none of the formatting.  What I am doing wrong?

    Does anyone know if there is a problem with Robohelp 8 do not support CSS classes?

    Thank you!

    Post edited by: Lakooli

    Hello

    Add a period (.) before the class definitions in your css:

    . -> All items that have the test of the test class

    Or even better:

    div. Test-> DIV element only have test class

    Take a bow

    Willam

  • Custom icon in the icon of the CSS class attribute

    Hello world

    Apex version: 5.0.1

    Universal theme

    Oracle version: 11 GR 2

    I created a custom page, sign in as the picture below. In the icon attribute set spinner fa temporarily CSS classes, instead I need to put a custom, icon that I made icon. I don't know where to add the new icon? I've added an icon in the shared components > files to workspace static but I can not reference an Image of workspace of the class CSS of the icon attribute.


    Can someone tell me where and how to create a new icon for use with the attribute of CSS icon classes?

    Thank you

    customlogin.PNG

    The CSS style related to the use of the property of the icon of the CSS Classes is set up specifically to manage the icons great fonts. Rather than trying to substitute these for host your custom image, it's easier not to specify a class icon CSS and a simple CSS rule allows you to set your picture as a background on the header area of connection:

    .t-Login-header {
      background: url(&WORKSPACE_IMAGES.logo_GUATEFAC.ico) top center no-repeat;
    }
    

    This can be applied on the page of connection Inline CSS property, either as a custom theme CSS Roller rule.

    Also note that even if the property is called "Icon of CSS Classes", the ICO file format is not normally used and in fact may not be returned by all browsers. (Fonts Awesome 'icons' are in fact a vector font glyphs). In this case you would be advised to use a version of the superior image quality of your logo in PNG format.

  • How to set icon CSS classes

    Hello

    in my application, I would like to display our company logo (downloaded it s as a static application file) on the login page (with patterns of connection, as well for the region and the page). The logo must be placed above the header "Login" (as in the database).

    To do this I have to define an icon class CSS, right? How and where can I do this?

    Thank you in advance!

    LMK

    2997263 wrote:

    Thanks for your reply. I m using APEX 5.0 and the universal theme.

    1. turn your class icon in the Icon of CSS Classes in the appearance section of the region connection properties in the property editor.

    2. Add the following style sheet to connect Inline CSS property page in the property editor:

    .your-icon-class {
      background-image: url(&APP_IMAGES.your-image-filename);
      background-repeat: no-repeat;
    }
    

    Replace the class name and image filename as needed.

  • Command of the CSS class

    Hello

    I use 11.1.1.6 JDeveloper and Oracle ADF Skin Editor 11.1.2.3. I have browsed the sites of the community and not found a question / answer on the question, I am facing.

    I was able to create custom in my custom appearance CSS classes and apply them to my project WCP via JDeveloper. Personalized my CSS class (.) HeaderTitle1) is applied to the element of the ADF (outputText) through the styleClass property. (In my browser), I see that my custom class and the integrated ADF class are applied to the outputText component.

    The problem is the ADF integrated class to take my class. Based on CSS rules (see This example), it's because the class of the ADF is set far in the CSS file (or later if loaded in a separate file). I looked at the CSS file in the Chrome developer tools, and I see only 1 CSS file and my custom CSS classes are in the middle of the file with the ADF classes before and after them.

    Question: Is there a way I can control the order of statements in the CSS file? How can I make sure that my custom CSS classes will take precedence?

    Thank you!

    Of course, Alejandro. This is actually not an outputText (which is one of our use cases), but by applying a custom style for the goLink component that gives us grief.

    Here is my css:

    .HeadingTitle1
    {
      font-weight: bold;
      font-size: 24px;
      text-transform: uppercase;
    }
    

    Here's how I'm referencing this css in my .jsp file:

    
    

    The result (via Google Chrome tools):

    Edit Address
    

    Hmm, actually, looks like I solved my problem. Looking at the source of the CSS file, I can see that the HeadingTitle1 class is set AFTER the class af_goLink (which contains the properties I'm afraid with):

    .af_goLink
    {
         font-size: 15px;
    }
    ...
    .HeadingTitle1
    {
      ...
    
      font-size: 24px;
      ...
    
    }
    

    Based on this demo CSS, I thought that the problem was that the class af_goLink defined later in the CSS file, so that it outweighs my custom CSS class, but it looks that it behaves the way that I need / expect.

    Not sure why I wasn't seeing it all along. Thanks for the help, Alejandro and Frank.

  • CSS = class"? ' AutoComplete

    Hello

    "Can you tell me when the automatic full funtion will work when you type class =" at the present time, you must remember the css classes, I would use the product.

    See you soon,.

    David

    It's on media - https://trello.com/c/oldLUN3g - order book so it has not yet been applied, but it is low on the order book. Don't know when exactly he would make his way at the edge of Code, but it will be media first (edge Code being just a distribution of media).

    = Ryan

    [email protected]

  • Can you do the "Apply CSS Class" part of the greatest Editor?

    Hello...

    I was wondering - is it possible to enlarge the window of the editor "apply CSS Class '... It's TINY. (on the site of 200px)

    So I don't see a lot of classes...

    Screen Shot 2012-09-01 at 11.01.09 AM.png

    Cheers, Dave

    Hey Dave

    You could paste the lines for these CSS elements you have in the CSS but also how your loading the css.

    IF you have several CSS or CSS class items are in a @import (a file css etc) it will not work.

    Also before that, try to clear the cache, log out, clear the cookies from domain for the site and reconnect. That sort? If this isn't the case, then do the foregoing.

  • WARNING type CSS type selectors

    I get these warnigns of the compiler

    Selectors type CSS are not supported in components: "spark.components.Form #form1 spark.components.FormHeading.

    Selectors type CSS are not supported in components: "spark.components.Form #form1 spark.components.FormItem.

    on this code:

    <?xml version="1.0" encoding="utf-8"?>
    <s:VGroup xmlns:fx="http://ns.adobe.com/mxml/2009" 
              xmlns:s="library://ns.adobe.com/flex/spark" 
              xmlns:mx="library://ns.adobe.com/flex/mx">
         <fx:Style>
              @namespace s "library://ns.adobe.com/flex/spark";
              s|Form#form1 s|FormItem
              {
                   skinClass: ClassReference("spark.skins.spark.StackedFormItemSkin");
              }
              s|Form#form1 s|FormHeading
              {
                   skinClass: ClassReference("spark.skins.spark.StackedFormHeadingSkin");
              }
         </fx:Style>
         <fx:Declarations>
              <!-- Place non-visual elements (e.g., services, value objects) here -->
         </fx:Declarations>     
         <s:Form id="form1">          
              <s:FormItem id="treeTitle" label="Tree" textAlign="center">
                   <mx:Tree id="tree"></mx:Tree>
              </s:FormItem>
         </s:Form>
    </s:VGroup>
    
    

    I read these warnings can be ignored, but when I run this code I do not get the stacked effect.

    What do I do?

    Thank you

    Move this CSS out of the main application.

  • Impossible to analyze your diet. Invalid XML: error on line 190: name of the "disabled" attribute associated with an element type "button" should be followed by the "=" character.

    Hello I am trying to download an episode of my Podcast podcast connect and get this error?

    Impossible to analyze your diet. Invalid XML: error on line 190: name of the "disabled" attribute associated with an element type "button" should be followed by the "=" character.

    my diet is validated? http://beprovidedhealthradio.libsyn.com/RSS

    It worked for my first episode? I don't know why it doesn't work for the second episode. I also use Libsyn if that helps.

    Your show is already in iTunes.

    https://iTunes.Apple.com/podcast/id1151562400?MT=2 & ls = 1

    And everything seems fine with it and your diet.  You ONLY SUBMIT YOUR FEED ONCE.

    That's it - better to stay outside of your podcast connect account - only bad things happen to go there and play with things.  Once again, your show is very well and is in iTunes and your flow is good with it.

    Both episodes show when you subscribe - and your most recent episode appears on the page of the iTunes, general store with in 24 hours from when you posted it.

    Rob W

    https://iTunes.Apple.com/us/podcast/beprovided-health-radio/id1151562400?MT=2 https://iTunes.Apple.com/us/podcast/beprovided-health-radio/id1151562400?MT=2

  • After effects error: plugin 'Element.aex' could not be loaded (126). (48::46)

    I bought item 3D V2 today and I've updated since v1.6 (which worked fine). When I create a solid and you try to add the effect of the element, I get this error message.

    «After effects error: plugin 'Element.aex' could not be loaded (126).» (48::46) »


    I did some research and could not find anything except a guy on another forum who had the same problem. He said that the problem is a corrupt file openCL.dll and fixed it by simply replacing the file.

    I think that might be my problem I do not know how to identify and replace the file. I tried to reinstall the plugin etc with no result.


    Windows 10 Technical preview


    Intel Core i7


    NVIDIA GeForce GT650m


    8 GB ram


    "Here is a link to the other forum: AE error:"Plugin could not be loaded"" Timeclub

    I browsed the Nvidia site and found a driver windows 10 and updated my graphics card. Problem solved.

Maybe you are looking for

  • Why my themes do not disappear when I updated Firefox?

    I've just updated Firefox after putting off during a good time. When I opened, I noticed that he had started in the default theme. So I went into modules and tried to activate the theme I used before (fractal wonderland), but he said that the theme w

  • Satellite L40 - no sound after installing XP

    Have downloaded audio drivers and installed on laptop but unit still does not. Media players gives this message:+ Windows Media Player cannot play the file because there is a problem with the audio device. There may be a sound device installed on you

  • What dose means that code 0xc004c008

    don't know what that means

  • Videos of blackBerry App download Facebook

  • using an input file

    For most of the scripts I created, I did:$vmlist = "blah", "blah1", "blah2" <-hold the file located in c:\tmp\inputfileforeach ($vm to $vmlist){Get - VM $vm | Select-Object - Property Name, NumCpu | FT - AutoSizeI really want to use an input file ins