Logic for HTML rounded corners in custom controls.

I am getting rounded corners through html code( I used Divs) but could not display the same in SAP system.
HTML CODE:
element.style {
background: #fff;
margin: 10px auto 10px;
min-height: 250px;
border-radius: 15px;
border: 1px solid #fff;
width: 270px;
box-shadow: 2px 2px 2px #ccc;
Is there a possibility to display rounded corners in SAP system.

There are a two ways to make rounded corner rectangles, but you'll still need to slice up the image to use the rounded corners in a CSS-based layout.
To make rounded rectangles:
(1) Use the Rounded Rectangle Autoshape (it's in the drop-down selections beneath the regular rectangle tool)
(2) Draw a regular rectangle and change the rounded settings in the Property Inspector - you can choose either pixels or percent in CS4. (Percent rounding was available in previous versions of Fireworks and is backward compatible; pixel rounding is new to CS4.)

Similar Messages

Best method for rounded corners?

Hi all,
Can someone please share the best method for creating rounded corners similar to the menu interface in Leopard? Actually the best representation I've seen, is in the Motion 3 Tutorials - Working with 3D. The Matte Shape filter in FCP is close, but not quite the cigar I'm looking for.
Thanks!

Hi Jim,
• Select Clip
• Add 4 point Garbage Matte
• Activate all 4 corners by clicking on the labels 1-4
• Adjust settings to your desires.
As an example I used:
• Smooth = 12
• Choke = -47
• Feather = 2
Worked like a charm.

Table borders for html Page

HEllo ABAPERS,
KINDLY HELP .
I have developed a report which displays a html page in a custom control .But while printing it not displaying table borders . I have used method display_document ffor printing .Can anyone tell me the reason why is it not printing borders ?
Following code is the code for subroutine and PBO : -
MODULE status_0322 OUTPUT.
SET PF-STATUS 'xxxxxxxx'.
SET TITLEBAR 'xxx'.
IF first_display EQ 'X'.
    SET PF-STATUS 'PMENU'.
create document
    CREATE OBJECT do.
fill document
    PERFORM display_data USING do t_no.
merge document
    CALL METHOD do->merge_document.
display the document inside the container named 'mmscr
    CALL METHOD do->display_document
      EXPORTING
        container          = 'MMSCR'
      EXCEPTIONS
        html_display_error = 1.
    " do some exception handling ...
    CLEAR first_display.
ENDIF.
ENDMODULE.                 " STATUS_0322 OUTPUT
*&      Form display_data
FORM display_data USING p_do TYPE REF TO cl_dd_document P_no type n.
DATA ta1 TYPE REF TO cl_dd_table_element.
DATA col11 TYPE REF TO cl_dd_area.
DATA col12 TYPE REF TO cl_dd_area.
DATA col13 TYPE REF TO cl_dd_area.
DATA col14 TYPE REF TO cl_dd_area.
DATA col15 TYPE REF TO cl_dd_area.
DATA head1 TYPE sdydo_text_element.
DATA head2 TYPE sdydo_text_element.
DATA head3 TYPE sdydo_text_element.
DATA head4 TYPE sdydo_text_element.
DATA text TYPE sdydo_text_element.
CALL METHOD p_do->new_line.
      CALL METHOD p_do->add_table
        EXPORTING
          no_of_columns               = 5
          cell_background_transparent = space
          with_heading                = 'X'
          border                      = '5'
          width                       = '50%'
        IMPORTING
          table                       = ta1.
set columns
      CALL METHOD ta1->add_column EXPORTING heading = head1
                                            width   = '10%'
                                  IMPORTING column = col11.
      CALL METHOD ta1->set_column_style EXPORTING col_no    = 1
          sap_color = cl_dd_area=>list_background_int.
      CALL METHOD ta1->add_column EXPORTING heading = head2
                                            width   = '15%'
                                  IMPORTING column = col12.
      CALL METHOD ta1->add_column EXPORTING heading = head3
                                            width   = '15%'
                                  IMPORTING column = col13.
      CALL METHOD ta1->add_column EXPORTING heading = head4
                                  width   = '15%'
                                  IMPORTING column = col14.
      CALL METHOD ta1->add_column EXPORTING heading = head4
                                            width   = '15%'
                                  IMPORTING column = col15.
fill columns
      text = ' '.
      CALL METHOD col11->add_text
        EXPORTING
          text = text.
      text = 'Init'.
      CALL METHOD col12->add_text
        EXPORTING
          text = text.
      text = 'Supv No'.
      CALL METHOD col13->add_text
        EXPORTING
          text = text.
      text = 'Date'.
      CALL METHOD col14->add_text
        EXPORTING
          text = text.
      text = 'Discrepancy Report Notation'.
      CALL METHOD col15->add_text
        EXPORTING
          text = text.
      CALL METHOD ta1->new_row
        EXPORTING
          sap_color = cl_dd_area=>list_background.
      text = 'Q/C by'.
      CALL METHOD col11->add_text
        EXPORTING
          text = text.
      text = ' '.
      CALL METHOD col12->add_text
        EXPORTING
          text = text.
      CALL METHOD col13->add_text
        EXPORTING
          text = text.
      CALL METHOD col14->add_text
        EXPORTING
          text = text.
      CALL METHOD col15->add_text
        EXPORTING
          text = text.
      CALL METHOD ta1->new_row.
      text = 'Received by'.
      CALL METHOD col11->add_text
        EXPORTING
          text = text.
      text = ' '.
      CALL METHOD col12->add_text
        EXPORTING
          text = text.
      CALL METHOD col13->add_text
        EXPORTING
          text = text.
      CALL METHOD col14->add_text
        EXPORTING
          text = text.
      CALL METHOD col15->add_text
        EXPORTING
          text = text.
      CALL METHOD ta1->new_row.
      text = 'Sign Off'.
      CALL METHOD col11->add_text
        EXPORTING
          text = text.
      text = ' '.
      CALL METHOD col12->add_text
        EXPORTING
          text = text.
      CALL METHOD col13->add_text
        EXPORTING
          text = text.
      CALL METHOD col14->add_text
        EXPORTING
          text = text.
      CALL METHOD col15->add_text
        EXPORTING
          text = text.
      CALL METHOD do->new_line
        EXPORTING
          repeat = 1.
ENDFORM.
MSK

You can use HTTP Receiver to pass the data to the servlet that runs on the HTTP Server. The servlet has already screen design logic written in HTML or jsp to display in HTML Table or so. PI requires to just post data on the servlet of HTTP Server using HTTP Receiver. PI will not create screen look and feel logic while posting data.
If you want HTML table coding logic refer this link
http://www.w3schools.com/html/html_tables.asp

CSS rounded corners in IE

HEy does anyone have a solution for making rounded corners in internet explorer? border-radius works fine in all rowers except IE.

ok i did the HTC part and found and downloaded one. but i dont know how to upload the HTC file::::
Use an htc file in order to 'enable' rounded corners.
This is the preferred method for simple layouts as it 'enables' the older versions of IE to render rounded corners without the use of IECC's, (IE Conditional Comments) as the file 'contents' will be ignored by IE9. I would however advise the use of IECC's when using this or any other method as not only does it enable one to 'isolate' any pre IE9 specific code. but removes the limitation of having to apply a single border-radius value to all the corners. (see note below).
any help with the htc?

Problem with round corners..the server said it is MBssss of traffic created because of that?

1)
The problem only occurs when the visitor is using Internet Explorer (and possibly only some versions of IE)
2)
The problem is that the file pie.js is being loaded many times for these Internet Explorer visitors, causing your traffic to be higher than usual, and our server can potentially blocking the visitor temporarily for requesting the same file many times in a short period.
3)
The file pie.js is meant to show cool effects like rounded corners and background effects in Internet Explorer (those cool effects work fine without pie.js for other browsers, so pie.js is only loaded when the visitor is using IE). I assume on your web site, it’s for the rounded corners on some of your borders, like the testimonials box.
4)
The file is being loaded by another file on your web site, called museutils.js
5)
Museutils.js is part of “Adobe Muse”, a web design solution that I’ve never heard of until now. Either your current web developer uses it, or someone who developed your site in the past used it to create your site.
6)
I believe there is a bug in the programming of museutils.js causing it to reload pie.js many times
7)
This bug may be a new one that has been introduced in a recent version of Adobe Muse.

Thank you very much for reporting this problem. We'll fix it for the next release.

Flip Horizontal/Vertical and Rounded Corners Shortcut Keys

This is missing and annoying to do with the tool or the transform palette flyout. Pretty sure you can't even set your own shortcut within the program. Please add this standard.
In the meantime if you have autohotkey I made this script to map the alt menu to do it.
I've also added better blend shortcuts and rounded corners.
^ means control
+ means shift
! means alt
; means comment
#IfWinActive ahk_class illustrator
;Create Blend
^b::!^b
;Blend Options
^+b::Send !obo
;Roundcorners with preview already checked
^+r::Send !csr{tab}{space}{tab}{tab}{tab}
;FlipH
^+h::Send !otev{Enter}
;FlipV
^+v::Send !oteh{Enter}

Thanks. You're right...unfortunately the bgcolor still bleeds
through. Check it out. Any ideas?
<cfform method="get" name="TestPanel" preloader="no"
format="flash" height="210" width="300" skin="haloblue" >
<cfformgroup type="hdividedbox" width="200" height="90"
visible="yes" enabled="yes"
style="cornerRadius:15;BorderStyle:roundCorners;borderThickness:1;backgroundColor:##E5E7F E;">
<cfformgroup type="horizontal">
<cfformgroup type="vertical">
<cfformitem type="text" >Test</cfformitem>
<cfformitem type="text" >Panel</cfformitem>
</cfformgroup>
</cfformgroup>
</cfformgroup>
</cfform>

Network Variables Custom Control Option Disabled

Hi all,
I am trying to create a network variable in a cRIO project using a predefined custom control.. I have done this hundreds of times before in other projects.. For some reason the "from custom control" option at the bottom of the data type dropdown list is disabled....!!!
I am sure this is something very simple but I am well and truly stuck now.. Could it be that I am not yet connected to my RIO?? I have not enabled the network connection yet..
Cheers
Harry
Solved!
Go to Solution.

Well,
I have now found the solution.. This is a bug.. Just shut down labview (completely, not just the project) and restart it and voila...the option awakes...
Cheers,
Harry

I need create a custom control for visualization HTML

Hi guys,
I need create a custom control for HTML files visualization on SAPGUI JAVA. I created a sample program and perfectly run on SAPGUI Windows.
Thanks.
Regards.
Jose Antonio Campos.

Hi,
Just as a quick start
http://gumbo.flashhub.net/sizer/ (view source enabled).
this uses a skin to make a titlewindow resizable, its not about the skin as much as giving you a starting point for resizing code.
if you look into the skin you will see these functions
protected function sizer_mouseDownHandler(event:MouseEvent):void
OldX=event.stageX;
OldY=event.stageY;
systemManager.addEventListener(MouseEvent.MOUSE_MOVE,startResize);
systemManager.addEventListener(MouseEvent.MOUSE_UP,endResize);
protected function endResize(event:MouseEvent):void
systemManager.removeEventListener(MouseEvent.MOUSE_MOVE,startResize);
systemManager.removeEventListener(MouseEvent.MOUSE_UP,endResize);
private function startResize(event:MouseEvent): void
hostComponent.width -= OldX-event.stageX;
hostComponent.height -= OldY-event.stageY;
OldX=event.stageX;
OldY=event.stageY;
The idea is to have a hit area on your custom component (a corner, or all corners). You capture the mouseposition when you mousedown then in the mouse move eventlistener you update the object size with the difference between current X and Y from initial X and Y.
Hope this gets you started.
David

How to make a item renderer have a custom and rounded corners background

Hi,
I'm using custom item renderer for items of list. However,
there is still one thing I haven't made yet. I can't put a
background with a custom color and with rounded corners.
How can I do that?
It seems that all the options I try don't work.
Can someone give me a tip here?
Thanks,
Nuno

"sinosoidal" <[email protected]> wrote in
message
news:gese3u$63n$[email protected]..
> Hi,
>
> I'm using custom item renderer for items of list.
However, there is still
> one
> thing I haven't made yet. I can't put a background with
a custom color and
> with
> rounded corners.
>
> How can I do that?
>
> It seems that all the options I try don't work.
>
> Can someone give me a tip here?
Check out my extended TileList:
http://flexdiary.blogspot.com/2008/08/tilelist-with-stylefunction.html
You might want to swipe the itemRenderer from this example
and modify it:
http://flexdiary.blogspot.com/2008/09/groupingcollection-example-featuring.html

Is there a way for export to create rounded corners?

I love creating layouts with Fireworks, but it always bothered me that it didn't recreate any rounded corners.
When CS6 came out with the CSS Properties window, I was happy to see that the CSS in the Properties window faithfully created my objects with rounded corners, so I had high hopes that the regular export would include this markup... but it didn't.
My current work-around seems very frustrating. I export my file as HTML with CSS images... I get a perfectly rendered page with one exception... the corners are still square. Then, I go back to Fireworks, open the CSS Properties window, then cut and paste the tags for the corners one by one into the CSS file.
It seems to me with such heavy emphasis on CSS integration, that the export function should include the this code too.
Am I doing something wrong? Or is this still an unsupported feature?

Use the CSS Properties panel to extract and copy CSS for the selected object on the canvas. It has no integration with the CSS and Images export workflow OR the HTML and Images export workflow (the latter of which produces a rigid, image-based, html table layout). HTML and Images export is really only suitable for clickable prototypes. CSS and Images export is really only suitable if you like re-writing all the CSS to match your normal workflow.
General workflow:
1) Add effects to vector shape (corners, drop shadow, glow, gradient fill, border, opacity, etc..)
2) Open CSS Properties panel. CSS properties for selected object are displayed.
3) Click the Copy All button in the panel.
4) Switch to Dreamweaver or your preferred web editor.
5) Paste the CSS into the desired class, id or element rule.
6) View in Live View or Preview in Browser to see results.
HTH

Custom Control - Best place for visual-tree generation?

I'm building a custom control (extending Canvas) which should present a chartflow diagram (nodes and connectors). It will be feeded through databinding and a dependency property (ItemSource). The control will generate:
1. Node-items (based on ItemSource)
2. Connectors (lines) between each and every node
3. An adornerlayer on most of the nodes
Should I generate this visual/logical -tree inside my ItemSourceUpdated -eventhandler? In the overrided ArrangeOverride method? Or whats best practice?

Please don't ask several questions in the same thread. Your original question was about where to add the visual elements when creating a custom Panel and now you are asking about adorners. Please close the thread by marking all helpful posts as answer when
your original quesion has been answered and then start a new thread if you have a new question.
Please refer to the following page for more information about adorners:
https://msdn.microsoft.com/en-us/library/ms743737(v=vs.110).aspx
Sorry but no, my original question was about where to place creation code for:
1. Node-items (based on ItemSource)
2. Connectors (lines) between each and every node
3.
An adornerlayer
on most of the nodes
Since you cant create adorners immediately after you have added a new elemented to the visual tree (and before the layout pass) your previous
answer was appreciated, but not sufficient.

HTML Client: How to get the content/value of a custom control?

I made two Custom Controls named, "CustomControl_1" and "CustomControl_2".
In the render function of "CustomControl_1", how to access the value of "CustomControl_2"?
For example,
myapp.BrowseOrders.CustomControl_2_render = function (element, contentItem) {
$(element).text("Some Value");
myapp.BrowseOrders.CustomControl_1_render = function (element, contentItem) {
$(element).text( Value of CustomControl_2 ? );

I would recommend creating screen properties and binding the controls to those screen properties. Then you can easily get a reference to any value. See this article for an example of the process using custom controls:
Using The Clippy Agent in the Visual
Studio LightSwitch HTML Client
Unleash the Power - Get the LightSwitch 2013 HTML Client / SharePoint 2013 book
http://LightSwitchHelpWebsite.com

Add effects (rounded corners) to an embedded HTML video frame?

Is possible to add effects (rounded corners) to an embedded HTML video frame?

Yes, you can.. however it isn't that simple. Take a look at this thread:
http://stackoverflow.com/questions/7811719/adding-border-radius-for-embedded-youtube-video
-Julia

IE 9 support of rounded corners for theme 23

Does anyone know if the rounded corners (CSS3) are all rounded, for theme 23, in IE 9? I thought IE 9 claimed that it would support some HTML 5 and CSS 3. Isn't it true? They all appeared rounded in all other browsers.
Thanks.
Andy

You don't need positioning. Use RGBA for background color & opacity.
#menuBlock {
    position: absolute;
    left: 417px;
    top: -33px;
    width: 541px;
     margin: 0 auto; /**center div**/
    height: 48px;
    z-index: 150;
    /*    filter: alpha(opacity=75);*/
     background: rgba (75,84,87 0.75);
    border: 3px solid #FFFFFF;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 15px;
    -moz-border-radius-bottomleft: 15px;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-left-radius: 15px;
    -webkit-border-bottom-right-radius: 15px;
     -webkit-border-bottom-right-radius: 15px;
     -webkit-border-bottom-left-radius: 15px;
     -moz-border-radius-bottomright: 15px;
     -moz-border-radius-bottomleft: 15px;
     border-bottom-right-radius: 15px;
     border-bottom-left-radius: 15px;
    text-align: center;
    padding-right: 15px;
    padding-left: 15px;
    background-image: url(images/menuBkg.png);
    background-repeat: repeat;
    padding-top: 2px;
    padding: 2px 15px 0 15px;
Nancy O.

Reg:rounded corners for panelbox

Hi,
i saw this link about rounded corners for panelbox in adf
http://www.mail-archive.com/[email protected]/msg00901.html
please see this link.it is correct or not? in what version round corners work?
Thanks,

Hi,
No. You saw this note for Trinidad on MyFaces. Though both projects share the same code base, Trinidad has evolved and is no longer in synch with ADF Faces.
Frank

Logic for HTML rounded corners in custom controls.

Similar Messages

Maybe you are looking for