Alpha Video Training
Results 1 to 8 of 8

Thread: How to make rounded corners on a Dialog container

  1. #1
    Member
    Real Name
    David Fricke
    Join Date
    Sep 2011
    Location
    Kenosha, WI
    Posts
    398

    Default How to make rounded corners on a Dialog container

    This is probably going to be real easy, but I can't figure it out. I simply want to make rounded corners on the dialog containers.

  2. #2
    "Certified" Alphaholic Keith Hubert's Avatar
    Real Name
    Keith Hubert
    Join Date
    Jul 2000
    Location
    London, UK
    Posts
    6,930

    Default Re: How to make rounded corners on a Dialog container

    Hi David,
    I simply want to make rounded corners on the dialog containers
    Which dialog containers?
    Regards
    Keith Hubert
    Alpha Guild Member
    London.
    KHDB Management Systems
    Skype = keith.hubert


    For your day-to-day Needs, you Need an Alpha Database!

  3. #3
    "Certified" Alphaholic Keith Hubert's Avatar
    Real Name
    Keith Hubert
    Join Date
    Jul 2000
    Location
    London, UK
    Posts
    6,930

    Default Re: How to make rounded corners on a Dialog container

    Hi David,

    Check out this thread
    Regards
    Keith Hubert
    Alpha Guild Member
    London.
    KHDB Management Systems
    Skype = keith.hubert


    For your day-to-day Needs, you Need an Alpha Database!

  4. #4
    Member
    Real Name
    David Fricke
    Join Date
    Sep 2011
    Location
    Kenosha, WI
    Posts
    398

    Default Re: How to make rounded corners on a Dialog container

    Just the basic dialog container. I have a 1pt black outline on it.

  5. #5
    "Certified" Alphaholic Keith Hubert's Avatar
    Real Name
    Keith Hubert
    Join Date
    Jul 2000
    Location
    London, UK
    Posts
    6,930

    Default Re: How to make rounded corners on a Dialog container

    David,

    Have a look here and here
    Regards
    Keith Hubert
    Alpha Guild Member
    London.
    KHDB Management Systems
    Skype = keith.hubert


    For your day-to-day Needs, you Need an Alpha Database!

  6. #6
    Member Rida Alhasan's Avatar
    Real Name
    Felix
    Join Date
    Oct 2010
    Location
    Madrid, Spain
    Posts
    223

    Default Re: How to make rounded corners on a Dialog container

    .
    David,
    Following Keith's suggestions, to round my frame edges with a 25 pixel radius
    this is what I did:

    - Open the dialog component
    - In the left pane, go to Dialog - Controls
    - In the middle pane, click the Frame you want to round the corners
    - In the right pane, place in the Frame border style: border-radius:25px;



    Regards,
    Felix
    .

  7. #7
    "Certified" Alphaholic Keith Hubert's Avatar
    Real Name
    Keith Hubert
    Join Date
    Jul 2000
    Location
    London, UK
    Posts
    6,930

    Default Re: How to make rounded corners on a Dialog container

    Hi Felix,

    Thanks for that. FYI, the round corners can't be seen in preview.

    Does not work with IE8.

    How about with a Shadow!! border-radius: 25px; box-shadow: 10px 10px 5px #888888;
    Last edited by Keith Hubert; 02-11-2013 at 06:57 AM.
    Regards
    Keith Hubert
    Alpha Guild Member
    London.
    KHDB Management Systems
    Skype = keith.hubert


    For your day-to-day Needs, you Need an Alpha Database!

  8. #8
    Member Rida Alhasan's Avatar
    Real Name
    Felix
    Join Date
    Oct 2010
    Location
    Madrid, Spain
    Posts
    223

    Default Re: How to make rounded corners on a Dialog container

    .
    Keith,
    I am using Firefox v18. I have not tried any other browser. These are
    the results:

    In my PC, the Dialog frame corners are rounded in Preview, Live Preview,
    Working Preview and localhost view.

    The Repeating Section frame corners are rounded only in localhost view.
    In Preview, Live Preview and Working Preview they are rectangular :-C .

    Adding the shadow code in http://www.w3schools.com/css3/css3_borders.asp
    (namely --> box-shadow: 10px 10px 5px #888888;) produces a shadow.
    I would attach an image, but for some reason the forum does not allow me.



    Regards,
    Felix

Similar Threads

  1. Dialog Container (Dropdownbox) Closes When Selection Made
    By fsi in forum Application Server Version 11 - Web/Browser Applications
    Replies: 0
    Last Post: 12-15-2012, 12:47 PM
  2. Dialog component v11: How do I dynamically change the width of a container?
    By gilbertro in forum Application Server Version 11 - Web/Browser Applications
    Replies: 4
    Last Post: 03-04-2012, 10:10 PM
  3. Error computing HTML Template when Container put in Repeating Container
    By RichCPT in forum Application Server Version 11 - Web/Browser Applications
    Replies: 1
    Last Post: 02-29-2012, 11:37 AM
  4. Rounded corners on all browsers
    By mmaisterrena in forum Application Server Version 10 - Web/Browser Applications
    Replies: 2
    Last Post: 03-20-2010, 04:05 PM
  5. Video : Sexy CSS Styling, drop shadows and rounded corners
    By Bob Moore in forum Application Server Version 10 - Web/Browser Applications
    Replies: 4
    Last Post: 01-14-2010, 08:25 AM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •