facebook
  1. MobiOne Archive
    2.  > 
  2. Getting Help – General

Select List Item CSS

💡
Our Forums Have Moved

For help with installation, bugs reports or feature requests, please head over to our new forums.
Genuitec Community on GitHub

  1. MobiOne Archive
    2.  > 
  2. Getting Help – General
Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • September 28, 2013 at 7:18 pm #342796 Reply

    Paul_paul
    Participant

    I need to have the ‘select list item’ full width across the screen without the rounded edges, like the ‘list item’. I have experimented with the CSS and removed the radius but results are unpredictable (depth size varies), I just cannot get it quite right, can anyone help?
    Many thanks in advance for your help. Cancel this bit, I didn’t get any!

    October 1, 2013 at 8:29 pm #342904

    Paul_paul
    Participant

    @support, any chance of a reply sometime soon?

    October 3, 2013 at 7:01 am #342975

    support-michael
    Keymaster

    @stickleback

    We have not had a chance to look at what is involved for a new rendering of selectlistitems. The starting point would be to analyze the html and css diffs between the current listitem, rounded listitem and full width listitem. Then manually code up a new prototype full width selectlistitem.

    October 3, 2013 at 8:15 am #342978

    Paul_paul
    Participant

    Thank you so much, see that didn’t hurt a bit, did it?

    October 3, 2013 at 9:18 am #342982

    AdamRogan
    Member

    not sure if this helps?
    line 534 in css file
    #m1-Untitled3-m1-Untitled3-selectListMenu1-selection-list{
    border-top-color: transparent;
    border-width: 1px 0px 0px 0px;
    height: 473px;
    left: 0px;
    line-height: 20px;
    margin-right: 0px;
    padding: 20px 0px 20px 0px;
    top: -13px;
    width: auto;

    this seems to work for me
    hope it helps

    opps wrong file ill re upload

    Attachments:
    You must be logged in to view attached files.
    October 3, 2013 at 9:25 am #342984

    AdamRogan
    Member

    this one i think works?

    i think thats what your after i hope

    Attachments:
    You must be logged in to view attached files.
    October 3, 2013 at 9:30 am #342985

    AdamRogan
    Member

    hmmmm
    when i load in mobione it regenerates the css file and corrects files back to rounded.
    ill try upload css file

    October 3, 2013 at 9:37 am #342986

    AdamRogan
    Member

    if you run the html file the selected list goes full width not rounded
    im confused when i ran the file i upload all changes i made regenerated back to default

    Attachments:
    You must be logged in to view attached files.
    October 3, 2013 at 2:52 pm #342994

    support-octavio
    Member

    Hi stickleback,

    After discussing with dev team, we agreed that this example should be useful for you. The main trick is in additionalCss.css, the problem here is that you need to write down all your select list ids in CSS selector.

    Note that this workaround could stop working in future versions. We have opened an enhancement request to support this type of select list item in the future though.

    Attachments:
    You must be logged in to view attached files.
    October 3, 2013 at 4:05 pm #342996

    Paul_paul
    Participant

    @adrog, thank you for your efforts I will give it a try.


    @octavio    , I think it would make a good addition to future versions.

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
Reply To: Select List Item CSS

You must be logged in to post in the forum log in