Skip to content

Custom Elements

Lauren Kelly edited this page Jul 12, 2020 · 8 revisions

Fixed Elements

All of these need to be inside the element in order for them to display. Note: see here for the elements used on the top screen.

kwmenubar

kwmenubar is the default menu bar on Flipnote Gallery world, seen across the bottom of the lower screen.

The menu bar has three components:

  • The back arrow, which will always link to the previous page if there is one, unless the history stack is manipulated

  • A label, which acts as a link. The text attribute specifies the text content, href for the link, and text_sound for an optional click sound (to be documented later).

  • A dropdown (well, more like "dropup"?). This is a little complicated, but essentially each item is specified using a group of attributes. Where $i is the index of the item, starting at 1:

attribute usage
item$i_text Item label
item$i_href Item link
item$i_value Unsure (always seen as "null" so far)
item$i_sound Item sound, optional
item$i_enable Unsure (not seen), optional

kwbuttonfixed

Same as kwbutton, but with additional x and y attributes to give its position relative to the top-left-hand corner of the lower screen.

kwselectorfixed

Same as kwselector, but with additional x and y attributes to give its position relative to the top-left-hand corner of the lower screen.

Page Elements

kwbutton

kwbuttons have a similar use to regular anchor tags but with more customizability:

attribute usage
src URL reference to the background image
width Button width
height Button height
href Link
href_type Optional href type value
text Label text (seems to be max 63 characters)
color Label text color
size Label text size
icon_src URL reference to an icon (optional)
icon_width Icon width (required if icon_src is set)
icon_height Icon height (required if icon_src is set)

kwselector

kwselector is used for dropdown menus, it shares all the same attributes as kwbutton, along with enable, which can be set to either "on"or"off"`. Ensure to set src and width/height.

Each dropdown item is specified using a group of attributes. Where $i is the index of the item, starting at 1:

attribute usage
item$i_text Item label
item$i_href Item link
item$i_value Used for kwselectorpost
item$i_sound Item sound, optional
item$i_enable Unsure (not seen), optional

kwthumb

attribute usage
src URL reference to the background image (80x64)
child "on" to show the spin-off icon. optional
lock "on" to show the lock icon. optional
star "on" to show the star icon. optional

kwcoinmenu

kwcoinmenu is used on the Flipnote details page, it gives the user the option to add coins or a comment to the Flipnote.

attribute usage
coin_href URL reference to the coin page (?)
coin_hreftype post_coins()
comment Number of comments on this Flipnote
comment_href URL reference to the comment page (?)

kwselectorpost

Same as kwselector, but item$i_href is unused, and item$i_value is sent when POSTing with hreftype post_value. In addition, the name attribute must be specified so it can be sent for the POST.

kwcheckboxpost

attribute usage
check on or off, default state for the checkbox
name Name sent as part of the POST request